下面是使用灰色滤镜的CSS代码:
img { filter: grayscale(100%); -webkit-filter: grayscale(100%); }
上述代码可以将所有图片变为灰色。其中,grayscale()
函数的参数决定了灰度的程度,范围从0到100%。
需要注意的是,不同的浏览器对灰色滤镜的支持情况有所不同。如Chrome、Firefox和Safari等支持标准的CSS3灰色滤镜,但是IE浏览器只支持一些旧版filter效果,如filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)。
因此,在使用灰色滤镜前,需要特别留意浏览器的兼容性,以确保使用效果的一致性。