transition-property

介绍

用于设置过渡动画的类型。

取值

• opacity：透明度
• width：宽度
• height：高度
• background-color：背景色
• visibility：显示属性
• top：上位置
• right：右位置
• bottom：下位置
• left：左位置
• transform：矩阵变换
• all：上述所有属性
• none：无任何属性

标准化语法

transition-property:opacity|width|height|background-color|visibility|top|right|left|bottom|transform|all|none;

样例：

transition-property: background-color;
transition-property: transform;

与 Web 的区别

• 仅支持上述动画属性。

扩展阅读

• transition-delay
• transition-duration
• transition
• transition-timing-function

注意事项

• 如果是动态设置的动画属性，需要在节点标记 flatten="false" 属性
• 如果 iOS 显示效果不符合预期，在节点标记 implicit-animation="false" 属性