css3中过渡和动画的区别是什么

互联网 20-11-11

css3中过渡和动画的区别是：过渡需要触发一个事件才会随着时间改变其CSS属性；动画在不需要触发任何事件的情况下，也可以随时间变化来改变元素CSS属性。

animation属性类似于transition，他们都是随着时间改变元素的属性值，其主要区别在于：

（学习视频分享：css视频教程）

transition需要触发一个事件才会随着时间改变其CSS属性；animation在不需要触发任何事件的情况下，也可以显式的随时间变化来改变元素CSS属性，达到一种动画的效果。

1）动画不需要事件触发，过渡需要。

2）过渡只有一组（两个：开始-结束）关键帧，动画可以设置多个。