jQuery Animated Backgrounds for Nifty Effects

Posted on February 4th, 2010 in HTML, Javascript by Russ

I’m fascinated with the css sprites idea; that with a hole in one piece of paper, you can place it over another piece of paper to create different effects depending on what’s showing through the paper. It’s kind of an optical illusion.

Snook.Ca has some great ideas on how to use these optical illusions for a little pizazz with your site. I’ve reused their gradient/fade example over at this site: Footed Pyjamas (need some warm flannel footed pyjamas?) on the “Buy Now” button and it gives me a little thrill each time I slide my mouse over it.

I wonder what would happen with a wavy line, like stylized ocean waves, or maybe something else. I’ll have to play with it some more. :)