css3 animation一些很有用的属性和方法

本文主要是介绍css3 animation一些很有用的属性和方法，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1.animation-play-state

元素动画运动的状态,有两个值，runinng(运动)和paused(暂停) ;

JS语法控制：obj.style.animationPlayState="paused"||bj.style.animationPlayState="running";

demo

2.animation-fill-mode

fill-mode有两个有用的值，一个在运动完之后保持元素保持动画里面最后一帧的状态，一个是动画未开始之前，延迟属性-webkit-animation-delay之内，就执行动画的第一帧。

demo

3.animation-step帧动画，CSS3可以实现关键帧动画，具体的可以看看艾伦哥的博客，他分析的比较透彻，

详细分析step      demo

4.animationEnd是一个方法，就是当动画完成之后就触发这个事件，需要加上-webkit等兼容的后缀，说道这个还有一个事件也是同样的作用transitionEnd,过渡动画是否结束，写法请看demo：

demo

这篇关于css3 animation一些很有用的属性和方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---