CSS3 Animations

Set animation direction if you want to start when it ended.

animation-play-state can pause or play the animation (paused, running)

animation-fill-mode useful when you want the animation to stay in the last keyframe after played.

3d Transforms

3d transforms are now available in all the modern browsers.

rotateZ

back-face-visibility to show the back face when rotating.

Perspective

perspective indicates how 3d-ish will things appear. The lower the number, the more 3d-like.
It indicates the distance from the viewer to the object.

perspective-origin establishes a vanishing point.

Chaining animations

Separate them with commas.

To animate the transition between CSS styles. Normally its used with hover but could be also used with programatically injected styles|classes.

transition-duration

transition-timing-function
use cubic-beziier(x1,y1,x2,y2) for realistic movements

Animations using base64

Turn an animated GIF into base64 using a website like