1、@keyframes规则。from{属性:值;}to{属性:值;}。
2、0%{属性:值;}100%{属性:值;}0%是动画的开始,100%来自是动画的完成。可以在二者之间加入25%,50%等。
3、将动画绑定到选择器:在样式中,设置动画属性animation,自定义动画名称和时长。
4、规确行训久严洲定动画开始时的等待时间:animation-delay:时间;可以为秒、毫秒2s,2ms。
5、播放次数:animatio维n-iteration-count:次数;永久播放的值取infinite。
6、动画速度曲线:animation-timing-function:变化类型;变化类型有:linear匀速;ease-in开始慢;ease-out结束慢;ease动画有一个缓慢的开始,然后快,结束慢。
扩展资料
animation属性是一个简写属性,用于设置六个动画属性:
1、anima360问答tion-name
规定需要绑定到选择器的keyframe名称。
2、animati怀龙迅旧粉打on-duration
规定完成动画所花费的时间,以秒或毫秒计。
3、animation-timing-function
规定动画的速度曲线。
4、animation-delay
规定在动画开始之前的延迟。
5、ani形财示mation-iteration-count
规定动画应该播放的次数。
6、animation-direction
规定是否粒眼究杨略八志求存应该轮流反向播放动画。
注释:请始终规定animation-duration属性,否则时长为0,就不会播放动画了。
标签:CS,左正鲁,清际