transform,transition,animation的区别

transform描述了元素静态样式。

transition和animation都可以实现动画效果

两者的区别是：

1.触发条件不同。transition通常和hover等事件配合使用，由事件触发。animiation则和gif动态图差不多立即播放。

2.循环。animation可以设定循环次数。

3.精确性。animation可以设定每一帧的样式和时间。tranistion只能设置头尾

4.transition可与js配合使用，js设定要变化的样式，transition负责动画效果