Hover over the green box to see a simple hover effect. This works in IE, too!
Just a hover box without transition effect
If you are using an IE browser, you will miss out on anything beyond this point. IE does not support this CSS3 feature.
Transitioning the width for 1 second
Transitioning the width for 5 seconds
Transitioning the width for 3 seconds with linear function
Transitioning the width for 3 seconds with ease function
Transitioning the width for 3 seconds with ease-in function
Transitioning the width for 3 seconds with ease-out function
Transitioning the width for 5 seconds with cubic-bezier function set at .1, .9, .3, .7
Transitioning the width for 3 seconds with linear function and a 2 second delay (so wait a moment!)
For details on the CSS behind these examples, righ-click, chose 'view source', 'view page source' or whatever your browser calls it, and explore.