国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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
相關文章:
主站蜘蛛池模板: 国产91啦| 国产初高中生粉嫩无套第一次 | 国产成人精品亚洲77美色 | 亚洲免费大全 | 国产特黄1级毛片 | 亚洲视频中文字幕在线观看 | 日韩一区二区免费看 | 国产精品极品美女自在线看免费一区二区 | 国产一区二区在线观看视频 | 欧美日韩国产免费一区二区三区 | 三级毛片网站 | 性生活免费视频网站 | 中美日韩在线网免费毛片视频 | 91国内视频在线观看 | 久久久久88色偷偷免费 | 欧美色成人tv在线播放 | 欧美激情综合亚洲一二区 | 国产精品久久久久久久免费大片 | 久久精品国产亚洲麻豆 | 免费观看情趣v视频网站 | 欧美7777| 99久久亚洲 | 18在线观看国内精品视频 | 正在播放国产乱子伦视频 | 加勒比一本一道在线 | 久久精品国产免费看久久精品 | 男人扒开腿躁女人j | 中国一级毛片特级毛片 | 国产精品资源手机在线播放 | 在线观看亚洲免费视频 | 日本成人三级 | 久久午夜国产片 | 精品欧美日韩一区二区 | 99在线热播精品免费 | 日本亚洲欧美国产日韩ay高清 | 加勒比色久综合在线 | 中文字幕精品在线 | 欧美午夜不卡在线观看最新 | 亚洲看片网 | 欧美怡红院高清在线 | 中文一区 |