动画 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更简单实用些

上一篇:(课内)信安数基RSA-level1&&2


下一篇:序列标注任务:BiLSTM-CRF模型中 条件随机场CRF的应用