CSS3 introduces several properties that transform a web page element, by either rotating it, scaling it, moving it, or distorting it along its horizontal and vertical axes (a process called skewing). You can use a transform, for example, to provide a slight tilt (rotation) to a navigation bar, or make an image get twice as big when a visitor mouses over it. You can even combine multiple transformations for some wild visual effects.
The basic CSS property to achieve any of these changes is the
transform property. You use
this property by supplying the type of transformation you want and a
value indicating how much to transform the element. For example, to
rotate an element, you supply the keyword
rotate, followed by the ...