How to completely gray out an image with css?
I have this image: .
I need to gray it out to look like this: .
Using the response in this SO question: Gray out image with CSS?
opacity : 0.4; filter: alpha(opacity=40); /* msie */
I get this:
Setting the filter property to
filter: grayscale(100%) still leaves changes in the colors:
Anyway I can make it completely gray?
It sounds like you are trying to change the actual pixels in an image. I believe what you are looking for is something like.
or PaintbrushJS (colour tint)