Using jQuery Tools

Ian — Wed, 10 Nov 2010 16:15:08 +0000

Looking…

Global CSS3 animations

Ian — Wed, 10 Nov 2010 15:48:07 +0000

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;
}

Ian Jamieson | Web Design Ayrshire, Glasgow

Using jQuery Tools

Global CSS3 animations