#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;

#取值

• left
• right
• top
• bottom
• width
• height
• opacity
• background-color
• color
• transform
• transform-origin
• 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

#形式定义

#形式语法

transition-property =
  none                           |
  <single-transition-property>#

<single-transition-property> =
  all             |
  <custom-ident>

#扩展阅读

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

#兼容性