Change image color on hover using css

0 votes
148 views
asked Mar 11, 2017 by anonymous

Can i change an image color using css ?

I have gray color image which i want to turn into black on hover.

1 Answer

0 votes
answered Mar 11, 2017 by anonymous

No you cannot change image color but you can apply filter property of css to make image grayscale and back to default

see this : http://qpocho.com/10/there-grayscale-image-using-css-and-html-only-crossbrowser

Other options

Option 1 : Use server side code
Option 2: Use two image variation e.g. image-black.png, image-gray.png
Option 3: Change background-color of png image
...