Filed under:

As a web designer, from time to time, you may need to make a grayscale image fade into color on mouse over. So the typical solution would be to have each image desaturated to achieve the grayscale effect in Photoshop. Then, you would have to add a few extra divs and image tags to the markup an then add some jQuery magic to fade the images in and out. Or, you could have merged two images into one larger image with double the height and play around with background positioning in the CSS and Javascript files.

Read Tutorial Page View Demo