CSS3动画动画,如何延迟循环之间的执行?

1,@关键帧法则。from { attribute:value;} ?to { attribute:value;}。

2.0%{属性:值;} 100%{属性:值;0%是动画的开始,100%是动画的完成。两者之间可以加25%、50%等等。

3.将动画绑定到选择器:在样式中,设置动画属性animation,并自定义动画名称和持续时间。

4.指定动画开始时的等待时间:动画-延迟:时间;可以是秒,毫秒2s,2ms。

5.播放次数:动画-迭代-计数:次;永久游戏的价值是无限的。

6.动画速度曲线:动画-计时-功能:改变类型;变化类型有:线性匀速;淡入开始很慢;放松慢慢结束;安逸?动画有一个缓慢的开始,然后快速和缓慢的结束。

扩展数据

动画属性是一个简写属性,用于设置六个动画属性:

1、动画名称

指定需要绑定到选择器的关键帧的名称。

2、动画-时长

指定完成动画所需的时间,以秒或毫秒为单位。

3、动画-计时-功能

指定动画的速度曲线。

4、动画延迟

指定动画开始前的延迟。

5、动画-迭代-计数

指定动画应该播放的次数。

6、动画导演

指定动画是否应该反过来播放。

注意:请始终指定animation-duration属性,否则如果持续时间为0,动画将不会播放。