The CSS grayscale filter
We can change color image to a black and white with CSS.
We need to implement a filter as a class.
img.blackndwhite{ filter: grayscale(100%); }
Chrome and Safari still implement CSS filters need web kit declaration.
img.blackndwhite { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
—————————-More grayscale filter code examples——————–
img.blackndwhite {
filter: url("data:image/svg+xml;utf8,#grayscale"); /*** Firefox 3.5+ ****/
filter: gray; /*** IE6-9 ****/
-webkit-filter: grayscale(100%); /*** Chrome 19+ & Safari 6+ ****/
}