Global CSS3 animations

I love CSS animations. Imagine your website working like an interactve app, with no need for resource hungry javascript frameworks.
For example, add the code below into your stylesheet. All your hover elements/show/hides should now be animated.

* {
	margin: 0px;
	padding: 0px;
	transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
}