CSS3 Transitions Feature

CSS3 transitions provide a simple method for gradually changing the CSS properties of an HTML element between two states, allowing you to create simple animated rollover, fade, or other transition effects without using JavaScript. When using this feature, you declare the property to be transitioned as well as the duration, speed, and type of transition you want.
CSS3 Transitions
the expressive web

Minimum Browser Support:

38.08%
Percentage of users who can view this feature (source: caniuse.com)

Feature Detection

if(Modernizr.csstransitions) {
   //CSS Transforms are supported
}

Learn more about detecting feature support with Modernizr.

Fallback Strategies

In general, CSS3 transitions gracefully degrade when running in a browse that does not support the transitions. Instead of animating property changes (such as position), the changes will just take effect without the animation.

The main fallback solution when running content in a browser that does not support CSS3 transitions is to animate the content using JavaScript.

CSS3 Animation With jQuery Fallbacks

Related Adobe Technologies