CSS如何使网页页面所有变为深灰色

2021-02-12 08:46 admin
CSS如何使网页页面所有变为深灰色 2016-10-13共享 Desaturating a color image couldn t be simpler with CSS3. We ll apply the filter as a class, as you d typically desire several images to be affected by the code at the same time:

img.desaturate { filter: grayscale(100%); }
Naturally, all current browsers implement CSS3 filters via vendor prefixes, so our first job is to insert that code, writing in CSS that does not yet exist in order to future-proof our work:

img.desaturate { filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);
}
Applying the class to the image is easy: