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
相關文章:
主站蜘蛛池模板: 国产91中文| 日韩欧美一区在线 | 黄色毛片免费看 | 综合五月婷 | av中文字幕在线播放 | 亚洲精品乱码久久久久久按摩观 | 国产在线观看免费 | 一区二区三区回区在观看免费视频 | 成人无遮挡毛片免费看 | 久久精品视频免费看 | 亚洲精品一二三区 | 国产精品资源在线观看 | 日本三级电影免费观看 | www久久国产| 国产高清久久久 | 久久亚洲一区 | 在线播放精品视频 | 精品视频在线一区 | 亚洲黄色视屏 | 一区中文字幕 | 九色 在线 | 人人澡视频 | 99久久精品国产一区二区三区 | 欧美精品在线一区二区三区 | 免费v片在线观看 | 99av成人精品国语自产拍 | 国产99久久久国产精品下药 | av免费在线观看网站 | 国产精品久久久久久久午夜 | 日本免费一区二区三区视频 | 欧美福利三区 | 精品国产欧美一区二区 | 成人在线观 | 国产av毛片 | 欧美一区二区免费 | 一区二区三区日韩精品 | 午夜影院污 | 国产资源视频 | 精品国产99| 一区二区三区av夏目彩春 | 亚洲精品视频免费观看 |