jQuery 1.4 Animation Techniques - Index of

CSS3 Animations
Skew
Remember the two zero values that correspond to parameters 2 and 3? These can be used
as skew values, with the x axis using the second parameter, and the y axis using the third.
We could skew an element (without modifying its scale or position) using the following
matrix transform function:
transform: matrix(1, 1, 0, 1, 0, 0);
The following screenshot shows a skewed element:
The previous screenshot shows an element skewed along the x axis. As with other matrix
functions, positive values for these parameters cause transformation along the right or
downwards direction, negative values along the left or up directions.
In the previous snippet, only the x axis has been skewed. A consequence of the skew is that
the element has grown in size. The bounding box of the transformed element has doubled
in size from 200 px (the original size of the element) to 400 px.
Regardless of this increase in size however, the flow of the document remains unaffected
by the transform, and just like the other transforms, any content within the transformed
element also becomes transformed.
Text appearance
Transforms have a varying impact on any text contained in the element
across different browsers, with the text remaining crisp and readable in
some browsers following a transform, and degrading in other browsers.
[ 236 ]