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);
}
}