css3中transition过渡和animation动画的区别

css3中transition过渡和animation动画的区别

 animation 多两个参数，循环和动画的方式

transition不能自行触发，通过hover等动作或结合JS进行触发。anmiation可以自行运行。

transition可控性较弱，只能指定起始状态和结束状态，而animation可以定义多个关键帧。

 动画在运行结束之后，需要回到初始状态

 transition的作用，可以用一句话来概括，‘平滑’改变CSS样式

transform属性是静态属性，一旦写到style里面，将会直接显示作用，无任何变化过程。transform的主要用途是用来做元素的特殊变形，对于做设计的人来说并不是很陌生，简单的来说就是css 的图形变形工具。

总结

以上是生活随笔为你收集整理的css3中transition过渡和animation动画的区别的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。