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,动画将不会播放。