av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

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

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

瀏覽:162日期: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
相關文章:
主站蜘蛛池模板: 精品国产久 | 亚洲一区 中文字幕 | 日韩在线欧美 | 麻豆av网站 | 日韩一区二区在线观看视频 | 日韩福利一区 | 亚洲欧美一区二区三区情侣bbw | 欧美夜夜 | 日韩在线 | 精品国产亚洲一区二区三区大结局 | 亚洲精品久久久久久一区二区 | 成人二区| 久久这里只有 | 欧美日韩久久 | 欧美精品v国产精品v日韩精品 | 婷婷狠狠 | 成人午夜黄色 | 91免费观看在线 | 国产成人精品免费 | 91社区在线观看 | 久久久久久久久99 | 韩日在线视频 | 成人免费视频7777777 | 国产乱肥老妇国产一区二 | 怡红院成人在线视频 | 欧美电影在线观看网站 | 女生羞羞网站 | 一区二区三区亚洲 | 综合网在线 | 亚洲一区二区三区免费视频 | 成人网在线观看 | 中文天堂在线一区 | 日韩欧美国产成人一区二区 | 国产一区二区免费 | 久久国产免费看 | 欧美a级成人淫片免费看 | 亚洲成人午夜电影 | 日韩一二三区视频 | 欧美亚洲在线视频 | 欧美一区二区三区的 | 国产高清一区二区三区 |