ANIMATED EFFECTS USING CSS3 - Practical CSS3: Develop and Design - page 150

TRANSFORMS

Let's first walk through CSS Transforms. The idea with transforms is that you can
change the shape and size of the area an element takes up. As a simple contextual
example, I used a skew transform to rotate the angle of the top-level header in the
Monty Python example, as illustrated in Figure 5.1 .
The full code block I used to achieve this follows:

FIGURE 5.1 A skewed header
created using a CSS Transform.

body>header {
.
: ;
}

As you can see, transforms take the form of the transform property with a
value consisting of a transform function (in this case skew ) and associated values
in parentheses (in this case 4deg, 6deg ).