HTML5技术

css3动画animation - danran68(3)

字号+ 作者:H5之家 来源:H5之家 2016-10-29 13:00 我要评论( )

(1)animation-name 规定需要绑定到选择器的 keyframe 名称 (2)animation-duration 规定完成动画所花费的时间,以秒或毫秒计 (3)animation-timing-function 规定动画的速度曲线。如linear直线。 (4)animatio

 (1)animation-name   规定需要绑定到选择器的 keyframe 名称
 (2)animation-duration  规定完成动画所花费的时间,以秒或毫秒计
 (3)animation-timing-function 规定动画的速度曲线。如linear直线。
 (4)animation-delay 规定在动画开始之前的延迟。
 (5)animation-iteration-count 规定动画应该播放的次数。 加入infinite关键字,可以让动画无限次播放。
 (6)animation-direction 规定是否应该轮流反向播放动画,
 (7)animation-fill-mode 动画结束以后,会立即从结束状态跳回到起始状态。如果想让动画保持在结束状态,需要使用其属性令其为forwards。
 (8)animation-play-state:  如果鼠标移走,色块立刻回到动画开始状态。如果想让动画保持突然终止时的状态,则该属性值为paused 设置动画当前状态,默认是 running ,为执行状态,可以设置为 paused 为暂停

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • css3 text-shadow字体阴影讲解 - danran68

    css3 text-shadow字体阴影讲解 - danran68

    2016-10-25 15:00

  • 3d转换-正方体-Html5Css3-遁地龙卷风 - 遁地龙卷风

    3d转换-正方体-Html5Css3-遁地龙卷风 - 遁地龙卷风

    2016-10-25 11:00

  • css3 3d效果及动画学习 - 禾女小姐

    css3 3d效果及动画学习 - 禾女小姐

    2016-10-16 16:00

  • css3径向渐变详解-遁地龙卷风 - 遁地龙卷风

    css3径向渐变详解-遁地龙卷风 - 遁地龙卷风

    2016-10-15 13:13

网友点评
l