jQuery Stuff

Copy and Paste this code into your head code to include jQuery in your website.

CSS3 Key-frame Animation

This animation was produced with CSS3 Key-frame animation.  Right now CSS Animation is in it's infancy, but will likely become more mainstream over time.  There are a couple of ways to implement it.  You can use a :hover in the CSS, or you can trigger it with JavaScript.

CSS:hover

this uses a straight css (no javascript). However it will only animate as long as you hover over it.

Why Choose a Javascript Trigger?

Javascript Trigger

CSS Hover tends to false start

Javascript Trigger

Hover over the right edge. When the object moves away from the cursor it stops animating.