transition、transform、animation三个属性的使用与区别详解

transition、transform、animation三个属性的使用与区别详解

transition是一个过渡属性，就是一个属性从一个值过渡到另一个值。
transform变换，就是一个整体的位置（或整体大小）发生变换。
animation动画，就是在一段时间内各种属性进行变化从而达到一个动画的效果。

---

transition一定要有一个事件触发才会产生效果,就像是hover，click等。

但是animation不需要任何事件的触发也可以随着时间的变化去改变css属性值，从而产生一种动画的效果。