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.




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-
4.0 -moz-
3.1 -webkit-
10.0 12.1
10.5 -o-