CSS3 grayscale滤镜图片变黑白实例页面

2022-10-28 17:11:57

在网站加入友情链接的LOGO时，因为不同logo颜色的问题，和主题色调可能产生冲突，

我选择用CSS3滤镜让logo变黑白，hover时变回原本的彩色

CSS代码：

.gray {

    -webkit-filter: grayscale(100%);

    -moz-filter: grayscale(100%);

    -ms-filter: grayscale(100%);

    -o-filter: grayscale(100%);

    filter: grayscale(100%);

    filter: gray;

}