灰色网站的方法

最新推荐文章于 2023-12-04 14:03:09 发布

原创最新推荐文章于 2023-12-04 14:03:09 发布 · 3.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #css3

移动端同时被 3 个专栏收录

11 篇文章

订阅专栏

html

10 篇文章

订阅专栏

小程序

5 篇文章

订阅专栏

本文介绍了如何使用CSS实现图片的灰度效果，通过不同浏览器的兼容性写法，包括WebKit、Mozilla、Microsoft等引擎的特定语法，确保跨平台的一致体验。

-webkit-filter: grayscale(100%)
-webkit-filter: gray
webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1)
-moz-filter: grayscale(100%)
-ms-filter: grayscale(100%)
-o-filter: grayscale( 100%)
filter: grayscale( 100%)
filter: gray
filter: progid:dximagetransform.microsoft.basicimage(grayscale=1)

filter：滤镜
grayscale：灰色
grayscale( 100%)：百分比