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

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

CSS3 animation動畫,循環間的延時執行該怎么弄?

瀏覽:120日期:2023-08-08 18:47:26

問題描述

如下代碼,其中的delay值為3s,但是animation按現在的規則,這個delay是指動畫開始前的延時,在動畫循環執行間,這個delay是不生效的。

.item{ webkit-animation: revolving 1s 3s infinite; animation: revolving 1s 3s infinite;}@-webkit-keyframes revolving{ 0%{ -webkit-transform: perspective(700px) rotateX(90deg); } 50%{ -webkit-transform: perspective(700px) rotateX(0deg); } 100%{ -webkit-transform: perspective(700px) rotateX(-90deg); }}

問題解答

回答1:

.item{ webkit-animation: revolving 4s 0s infinite; animation: revolving 4s 0s infinite;}@-webkit-keyframes revolving{ 0,75%{ -webkit-transform: perspective(700px) rotateX(90deg); } 87.5%{ -webkit-transform: perspective(700px) rotateX(0deg); } 100%{ -webkit-transform: perspective(700px) rotateX(-90deg); }}

把總動畫設為4秒,然后前75%也就是3秒都沒變化(0-75%),之后的25%也就是1秒做動畫就可以了。

標簽: CSS
相關文章:
主站蜘蛛池模板: 久久综合久久自在自线精品自 | 韩日精品一区 | 蜜桃av鲁一鲁一鲁一鲁 | 欧美中文一区 | 亚洲国产免费 | 在线天堂免费中文字幕视频 | 国产午夜精品久久久久免费视高清 | 日本成人在线网址 | 九七午夜剧场福利写真 | 中文在线视频观看 | www.狠狠干 | 国产特级毛片 | 夜夜艹| 国产精品96久久久久久 | 亚洲国产精品成人久久久 | 中文字幕在线一区 | 国色天香综合网 | 亚洲人成在线播放 | 黄色网址在线免费播放 | 欧美午夜视频 | 成人一区二区三区在线观看 | 欧美一区二区三区在线播放 | 成人一区二区三区 | 亚洲美女视频 | 看片wwwwwwwwwww| 亚洲国产激情 | 奇米影视在线 | 亚洲国产欧美国产综合一区 | 国产成人精品一区二三区在线观看 | 国产精品久久午夜夜伦鲁鲁 | 国产一区二区在线视频 | 亚洲精品久久久9婷婷中文字幕 | 日韩精品一区二区三区在线播放 | 亚洲国产91 | 精品国产乱码久久久久久果冻传媒 | 黄色片在线网站 | 在线观看www视频 | 91精品国产综合久久久动漫日韩 | 久久久久九九九女人毛片 | 国产综合欧美 | 精品国产欧美一区二区 |