Home >Web Front-end >CSS Tutorial >【CSS】The website page turns gray
【CSS】The website page turns gray
- 高洛峰Original
- 2017-02-21 11:30:081881browse
Makes all elements of the website gray. It is supported by all browsers and uses filters. It is more performance-intensive. It is recommended to be used as a temporary solution.
The CSS code is as follows:
body{
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
filter:gray;
-webkit-transform: translateZ(0);
}
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：css3 transitions and 2d transforms—reviewNext article：css3 transitions and 2d transforms—review