Creating a CSS3 Animation is very tricky, but it is really simple using a tool like BounceJS. It provides ten components : Spin, Jelly, Back & forth, Clock, Splat, Road Runner, Slinky, Smack, Swoosh, and Fold & Unfold, where you can configure ratio, duration, delay, …etc.
The combinations are unlimited, but how can you use this in your projects ?