HTML and CSS Reference
In-Depth Information
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 ).
Search WWH ::

Custom Search