CSS3 Transforms Feature

CSS3 transformations allow you to apply rotations, scales, and skews to any DOM element or transform elements in both 2D and 3D space. They can also be used in conjunction with CSS transitions in order to animate the changes over time. Note that CSS3 transformations are broken down into two specifications, 2D and 3D transforms. Support for each varies between browsers.
CSS3 Transforms
the expressive web

Minimum Browser Support:

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

Minimum Browser Support:

3d Transforms
4.82%
Percentage of users who can view this feature (source: caniuse.com)

Examples

  • Our Solar System

    Uses CSS Transforms and animation to create an animated model of the solar system.

  • Gmail for iPad

    Leverages CSS Transforms to provide a hardware accelerated stacked card interface.

Fallback Strategies

When running content in a browser that does not support CSS transforms, you can either choose not to apply the transforms or prerender the transforms and display them as an image.

Related Adobe Technologies