CSS3animation动画,循环间的延时执行时间

更新时间:2023-06-11 17:36:58 阅读: 评论:0

CSS3animation动画,循环间的延时执⾏时间
如下代码,其中的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);
}电子街
}
把总动画设为4秒,然后前75%也就是3秒都没变化(0-75%),之后的25%也就是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);
}
}

本文发布于:2023-06-11 17:36:58,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/931163.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:延时   动画   循环   视频   虫草
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图