Loading Gif

Interactive css3 radial gradient background

08Feb2012

Interactive css3 radial gradient background

This is a project I did for a bit of fun. Just to see if I could. Move your mouse over the screen then click to activate and proceed to wave your mouse around like a crazed fool. The radial gradient is created using css3 and jQuery. It changes color based on mouse position and size based on mouse speed. As IE dosn’t yet support radial gradients it falls back to linear gradients in newer IE and filters in older versions. Enjoy.

Interactive css3 radial gradient background

Download files Open in a new window