Jquery Grayscale example

209

In this tutorial, we are going to see how to remove image color on hover using jQuery. In the previous tutorial, we have seen how to do fade in/fade out animation using jQuery.

We are handling image background animation by using CSS class selector. Using jQuery we are adding and removing the class on mouse-over and mouse-out events respectively.

HTML Images with jQuery Background Animation

These are the image tags in which we have to apply the jQuery remove color animation.

jQuery Function to Remove Image Color

These two jQuery functions are used to add/remove CSS styles to create a black and white effect on images.

css

Leave A Reply

Your email address will not be published.