transition-property#

介绍#

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

使用示例#

css-apisrc/transition-property/App.tsx

预览

语法#

/* Keyword values */
transition-property: none;
transition-property: all;

/* <custom-ident> values */
transition-property: test_05;
transition-property: -specific;
transition-property: sliding-vertically;

/* Multiple values */
transition-property: test1, animation4;
transition-property: all, height, color;
transition-property:;

取值#

• left
• right
• top
• bottom
• width
• height
• opacity
• background-color
• color
• transform
• max-width
• min-width
• max-height
• min-height
• padding-left
• padding-right
• padding-top
• padding-bottom
• margin-left
• margin-right
• margin-top
• margin-bottom
• border-left-width
• border-right-width
• border-top-width
• border-bottom-width
• border-left-color
• border-right-color
• border-top-color
• border-bottom-color
• flex-basis
• flex-grow
• filter

形式定义#

形式语法#

与 Web 的区别#

• 仅支持上述动画属性。

扩展阅读#

• transition-delay
• transition-duration
• transition
• transition-timing-function
• CSS 动画事件

兼容性#