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.


Syntax:

CSS3 transition property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

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.

Specifications

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 object.style.transitionProperty="border font"
Inherited No
Computed Value Same as declared Value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.