国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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一片一级一片啪啪 | 日韩在线播放中文字幕 | 美女视频黄.免费网址 | 美女被免费网站视频软件 | 免费人欧美成又黄又爽的视频 | 夜色www国产精品资源站 | 亚洲3级| 国产一区二区三区免费大片天美 | 加勒比色 | 国产乱码精品一区二区三区中 | 成人精品视频一区二区三区 | 91高端极品外围在线观看 | 农村寡妇一级毛片免费看视频 | 中文字幕成人免费高清在线 | 99香蕉网 | 性欧美高清come | 国产一区二区久久 | 国内美女福利视频在线观看网站 | 久久九九免费视频 | 亚洲清纯自偷自拍另类专区 | 国产成人影院一区二区 | 日韩免费在线视频 | 久久久久久久国产精品视频 | 日韩不卡一级毛片免费 | 国产日韩精品欧美一区 | 成人在线视频国产 | 久久99亚洲精品一区二区 | 99国产精品九九视频免费看 | 美女18网站 | 免费一级毛片私人影院a行 免费一级毛片无毒不卡 | 国产精品亚洲专区在线播放 | 在线观看视频一区二区三区 | 日本精品视频在线播放 | 午夜天堂视频 | 黄色亚洲网站 | 免费看成人毛片日本久久 | 老师张开腿让我捅 | 女人夜色黄网在线观看 | 精品欧美激情在线看 | 国产一区二区在线免费观看 |