grayscale()

christian.dinh2481 total contributions
Published Jul 12, 2021Updated Sep 3, 2021
Contribute to Docs
Converts an element to grayscale.
Syntax
filter: grayscale(<value>);
where a required <value>
can be one of the following:
- Number value:
0
,.4
- Percentage value:
100%
,50%
Note: Values of 0
and 0%
will leave the image unchanged. Values of 1
and 100%
will convert the image to complete grayscale. If a value is omitted, the default value is 1
.
Example 1
Give the image a grayscale of 20%
:
.banner-image {filter: grayscale(20%);}
All contributors
- christian.dinh2481 total contributions
- Anonymous contributorAnonymous contributor3077 total contributions
- robgmerrill124 total contributions
- christian.dinh
- Anonymous contributor
- robgmerrill
Looking to contribute?
- Learn more about how to get involved.
- Edit this page on GitHub to fix an error or make an improvement.
- Submit feedback to let us know how we can improve Docs.