transition-property

This is an experimental feature
Because this feature is still in development in some browsers, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an experimental feature is subject to change in future version of browsers as the spec changes.

Summary

The transition-property CSS property is used to specify the names of CSS properties to which a transition effect should be applied.

Note: The set of properties that can be animated is subject to change; as such, you should avoid including any properties in the list that don't currently animate, because someday they might, causing unexpected results.

If you specify a shorthand property (for example, background , all of its longhand sub-properties that can be animated will be.

Syntax

transition-property: none | all | [<property-name>][, <property-name>]*

Values

none
No properties will transition.
all
All properties that can have an animated transition will do so.
property-name
A property to which a transition effect should be applied when its value changes.

Examples

There are several examples of CSS transitions included in the main CSS transitions article.

Specifications

Browser compatibility

Browser Lowest Version
Internet Explorer ---
Firefox (Gecko) 4.0 (2.0)
Opera ---
Safari (WebKit) nightly, don't know version

Tags (5)

Edit tags

Attachments (0)

 

Attach file