jQuery 1.4 Animation Techniques - Index of

CSS3 Animations
Units
It is of critical importance to note that some browsers, such as Firefox, expect
these values with the units specified (as in the previous picture), while other
browsers, such as Opera, or those based on the Webkit rendering engine, will
expect these values without units.
An element does not need to be positioned in order for it to be translated, and the transform
does not affect the flow of the document, or other elements around it. Adjacent elements
will position themselves according to an element's original location, not its new location
following a translation. The translated element's content is also translated along with it.
Scale
You may be wondering why we supplied the value 1 as the first and fourth parameters in our
first matrix code snippet, but 0 as the value of the second and third parameters instead of
supplying all zeros.
The reason for this is because these parameters (the first and fourth) correspond to the
scale transform function, so to retain the transformed element's original size, the scale
parameters are set to 1. To double the size of an element (without translating its position),
we could use the following transformation matrix:
transform: matrix(2, 0, 0, 2, 0, 0);
This snippet would be equivalent to using transform: scale(2, 2) and would cause the
targeted element to appear like this:
[ 234 ]