What kind of CSS transitions can you create with only one property? Lea Verou is sharing and experiment beautiful resource –Animatable– that showcases different CSS transitions (and how simple they are).
It’s essentially a gallery of basic transitions. It aims to show how different animatable properties look when they transition and to broaden our horizons about which properties can be animated.
Hover over the demos to see the animation in action, or click “Animate All” to see all of them (warning: might induce nausea, headache and seizures.
You can also click on it to see more details and get a permalink. Instead of clicking, you can also navigate with the arrow keys and press Esc to return to the main listing.
Compatibility: All Modern Browsers
Website: http://leaverou.github.com/animatable/