Scratch Art Project

I was feeling somewhat nostalgic for those scratch-art paper packs one day, so I decided to create a digital version of one. Cruise over the block box with your mouse cursor and watch as the black fades away to reveal the rainbow design beneath. This project uses a little bit of jQuery to create a series of empty divs with a black background. As the user’s mouse enters the field of the divs the opacity is faded to 0. I was originally using .remove(), but I find I like the fadeTo effects better. While this wouldn’t be an ideal design for a real website, it was a fun exercise in coding magic.