区别
Transition 强调过渡
Transition + Transform = 两个关键帧的AnimationAnimation 强调流程与控制,
Duration + TransformLib + Control = 多个关键帧的Animation
如果只有两个关键帧建议选择Transition + Transform
复杂动画就要考虑把变换写成 TranformLib 以 Class 方式调用,Control与Duration写到AppClass
总结
transition关注的是CSS property的变化,property值和时间的关系是一个三次贝塞尔曲线。
animation作用于元素本身而不是样式属性,可以使用关键帧的概念,应该说可以实现更*的动画效果,transition像是animation的子集。
至于实现动画效果用哪一种,要看应用场景,但很多情况下transition更简单实用些