CSS3 動畫實現放大縮小、漣漪擴散效果、疊加圖片循環來回顯示

2022年7月01日
-

一、無限放大縮小，可以應用於跳動的氣球等場景，效果如下

html部分
<div class="ballon"></div>

css部分
 @keyframes scaleDraw { /*定義關鍵幀、scaleDrew是需要綁定到選擇器的關鍵幀名稱*/




 0%{
 transform: scale(