CSS Filters: Gray Properties

The css| filter Gray property turns a picture into a grayscale image. Its expression is simple:

Filter:gray

In fact, there's nothing to say about this, just add a code to the IMG style you've defined:

{Filter:gray} It's all OK.
The following two graphs represent the not-gray property and the effect of adding the gray property:

This is the original image, click to enlarge

Effect diagram after turning to the gray property

This section is relatively simple, and the next section will introduce you to the invert transformation properties.