Demo:

Animation with CSS3: 2D transformations

Please note: This demo page is to go along with the post Animation with CSS3: 2D transformations, so please use that for reference.
How to use: Mouse over the squares to see the animation effect.

Translation

Horizontal translation

Vertical translation

Diagonal translation

Rotation

Clockwise rotation

Anti-clockwise rotation

Rotation around an origin point

Skewing

Horizontal skew

Vertical skew

Horizontal and vertical skew

Scaling

Enlarge

Shrink