transition 和 animation 的区别 - css吧

level 10

邺城一帅楼主

（1）transition
过渡属性，强调过渡，它的实现需要触发一个事件（比如鼠标移动上去，焦点，点击等）才执行动画
（2）animation
动画属性，不需要触发事件，设定好时间之后可以自己执行，且可以循环一个动画

2023年02月13日 09点02分 1

level 1

错，两者都有事件触发的，可以监听动画事件。
前者是属于属性变化。
后者则符合条件触发并播放变形。
两者根本区别是性质，前者过渡，
而后者则真实变化是，动画播放完毕，默认返回原始状态，亦可选择播放初始状态，结束状态，亦可混合。
事件方面，过度动画会存在还原事件，即触发条件小于播放时间。
an动画中止后就没有然后。

2023年03月29日 09点03分 2