动画 transition 和 animation 的区别

区别

Transition 强调过渡

Transition ＋ Transform ＝ 两个关键帧的AnimationAnimation 强调流程与控制，

Duration ＋ TransformLib ＋ Control ＝ 多个关键帧的Animation

如果只有两个关键帧建议选择Transition ＋ Transform

复杂动画就要考虑把变换写成 TranformLib 以 Class 方式调用，Control与Duration写到AppClass

总结

transition关注的是CSS property的变化，property值和时间的关系是一个三次贝塞尔曲线。

animation作用于元素本身而不是样式属性，可以使用关键帧的概念，应该说可以实现更*的动画效果，transition像是animation的子集。

至于实现动画效果用哪一种，要看应用场景，但很多情况下transition更简单实用些

本文地址：https://blog.csdn.net/terrychinaz/article/details/112856262