CSS3中过渡和动画的区别和各⾃适⽤场景？
1.动画循环就⽤animation。在animation中有⼀个animation-iteration-count属性可以定义循环次数。
transition是执⾏⼀次以后就不会执⾏，但是可以通过transitionEnd事件添加循环，与animation相⽐animation更加简单明了。
2.⾃动触发⽤animation。
当页⾯中的动画是⾃⼰执⾏的那么我们考虑⽤animation，因为transition是需要借助伪类、js、@madia触发的。常见的伪类是：hover ，：focus。
常见的js就⽐如click事件。@media可以⽤于页⾯缩⼩到1000px你可以展⽰你需要的动画。
3.复杂的动画⽤animation。在遇到很复杂的动画那就⽤animation。
因为animation可以定义关键帧。那你就可以控制每⼀帧的动画效果。
js控制css3动画触发简单的动画效果可以⽤transition，⾥⾯有transition-timing-function属性可以展⽰动画的速度效果。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。