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

您的位置:首頁技術(shù)文章
文章詳情頁

CSS3 animation動畫,循環(huán)間的延時執(zhí)行該怎么弄?

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

問題描述

如下代碼,其中的delay值為3s,但是animation按現(xiàn)在的規(guī)則,這個delay是指動畫開始前的延時,在動畫循環(huán)執(zhí)行間,這個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); }}

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

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 波少野结衣在线播放 | 日本欧美久久久久免费播放网 | 亚洲码在线观看 | 亚洲免费成人网 | 日韩天天摸天天澡天天爽视频 | 国产在线精品福利一区二区三区 | 久久一区视频 | 美女被免费网站视频软件 | 嫩草一区二区三区四区乱码 | 国产午夜精品免费一二区 | 美国一级毛片完整高清 | 久久国产影视 | 国产一区二区成人 | 久久中文字幕亚洲精品最新 | 一级做a爱过程免费视频麻豆 | 女人扒开双腿让男人捅 | 日本三级在线观看中文字 | 精品国产一区二区三区不卡 | 欧美精品网站 | 日本免费一区二区三区a区 日本免费一区二区三区看片 | 欧美日韩亚洲国产精品 | 日本黄色美女网站 | 亚洲天堂成人 | 国产精品.com | 九九热视频精品 | 国产亚洲男人的天堂在线观看 | 欧美成人性动漫在线观看 | 日韩欧美精品一区二区 | 欧美一级毛片片免费孕妇 | 日本亚欧乱色视频在线网站 | 国产亚洲精 | 日韩免费高清一级毛片在线 | 久久久久久久性潮 | 深夜爽爽福利gif在线观看 | 欧美久草视频 | 九九九九在线视频播放 | 日本一本色道 | 成人软件18免费网站 | 欧美xxxxb| 国产精品手机在线亚洲 | 美女一级毛片免费不卡视频 |