国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - 小demo:請教怎么做出類似于水滴不斷擴張的效果?

瀏覽:164日期:2023-01-07 13:23:32

問題描述

<style> #drop{width:300px;height:300px;border-radius:300px;border:1px solid #000;margin:180px auto 0; }</style> <p id='drop'></p>drop.timer = setInterval(function(){drop.style.cssText = `transition:1s;transform:scale(1.4);opacity:0;transform-origin: 150px 150px; `; },500);

現在我能做到的只是完成一次。但是我想要一直往復循環這個過程,從小到大,從清晰到模糊,然后下一次再重復這個步驟,一直不停的循環。有沒有好的實現思路,請教大家!謝謝!

問題解答

回答1:

用CSS animation

#drop { width: 300px; height: 300px; border-radius: 300px; border: 1px solid #000; margin: 180px auto 0; transition: 1s; animation: 1s drop infinite; } @keyframes drop { 0% { transform: scale(1); opacity: 1; }100% { transform: scale(1.4); opacity: 0; } }

<p id='drop'></p>

JS什么的都不需要了

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 国产日产欧美a级毛片 | 三上悠亚免费一区二区在线 | 日韩视频在线观看 | 精品三级内地国产在线观看 | 鲁老汉精品视频在线观看 | 国内精品自产拍在线观看91 | 毛片网站在线看 | 国产午夜精品不卡视频 | 亚洲高清视频在线播放 | 一本久综合久久爱 | 亚洲 欧美 成人 | 高清不卡一区二区三区 | 手机看片福利在线 | 国产精品福利午夜h视频 | 久久精品免视国产 | 99久久精品国产一区二区 | 国产99视频在线观看 | 黄色三级视频在线播放 | 国产精品永久在线 | 一级a毛片免费观看久久精品 | 男人躁女人躁的好爽免费视频 | 国产欧美另类久久久品 | 久久久国产精品福利免费 | 欧美成人亚洲 | 精品久久久久久久久久香蕉 | 久久se精品一区精品二区 | 在线看免费观看韩国特黄一级 | 国产丶欧美丶日韩丶不卡影视 | 欧美很黄视频在线观看 | 91亚洲人成手机在线观看 | 免费观看视频成人国产 | 日韩一级片在线观看 | 久久亚洲精品中文字幕二区 | 亚洲最大黄网 | 亚洲国产天堂在线网址 | 免费v片视频在线观看视频 免费v片在线观看 | 国产欧美日韩一区二区三区在线 | 国产精品自在线 | 欧美国产高清欧美 | 久久精品全国免费观看国产 | 和老外3p爽粗大免费视频 |