The CSS filters are not supported in a truly comprehensive way but still are really impressive and a modern appeal for the image anywhere. These filters allow you to modify the way the images in many ways, one of which is showing grayscale images is.


Doing so requires a minimum of CSS:

img.bw {
    filter:  grayscale(1);
}

You can also animate an image gradually turns to grayscale:

img.bw {
    filter:  grayscale(0);
}
img.bw.grey {
    filter:  grayscale(1);
    transition-property: filter;
    transition-duration: 1s;
}
Hope you find it useful to the next!

1,443 0 2