Search within TutorialsPark

CSS3 transition-property Property

To specify one or more properties that will be transitioned.

Definition and Notes.

1. The CSS3 transition-property specifies the specific CSS properties that should be animated when an elements CSS properties change.

2.For Eg: width means that the width of the element is animated from start to finish, the value all means all properties of the element are transitioned.


CSS3 transition property. internetexplorer safari firefox opera chrome

View in Splitscreen»


Note-Transition properties require a trigger to begin the transiton.Eg: :hover

Property Values

Value Description
none None of the properties will get a transition effect.
all Transition properties are applied to all the elements.
property To declare a comma seperated list of CSS properties for which the transition is applied.


Specs Value
Name transition-property
Value none | <single-transition-property># [','<single-transition-property>]*
Initial Value all
Applies to all elements, :before and :after pseudo elements
Javascript syntax"border font"
Inherited No
Computed Value Same as declared Value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.