CSS transition-property Property
A transition effect is used to demonstrate a change in an element's property over time. The transition-property property specifies the name of the CSS property that will be affected by the transition effect.
Syntax
Property Values
| Value | Description |
|---|---|
| none | A transition effect will not be applied to any property. |
| all | The default value. A transition effect will be applied to all properties. |
| property | The transition effect is defined by a comma-separated list of CSS property names. |
| initial | This property is set to its default value. |
| inherit | This property is inherited from its parent element. |
Supported Browsers
| Property | Chrome | Firefox | Safari | Edge / IE | Opera |
|---|---|---|---|---|---|
| transition-property |
26.0
4.0 -webkit- |
16.0
4.0 -moz- |
6.1
3.1 -webkit- |
10.0 |
12.1
10.5 -o- |