O'Reilly logo

Dreamweaver CS6 Mobile and Web Development with HTML5, CSS3, and jQuery Mobile by David Karlins

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CSS3 transforms

The four CSS3 transitions scale (resize), translate (move), rotate, and skew are applied to selected content as effects. That is to say, they change the display or appearance of objects but not their underlying properties.

These transformations make it possible to present distortions of text or images that, before the advent of CSS3, was normally done through images—by using an image of text to present that text skewed, rotated, or scaled.

Rather than pushing my written communication skills beyond their limits, let's take advantage of the following figure to illustrate these four transitions:

CSS3 transforms

When to use transforms

The skew and rotate ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required