最新公告
  • 欢迎您光临联创电脑商行,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • 一行CSS代码实现网站网页变黑白灰效果

    在全国哀悼日(吊念地震、疫情等),如果你也是站长,想做点什么,那么可以把网站变成黑白以示哀悼。

    下面分享一行代码实现整个网站网页变成黑白灰色的效果,主要是通过修改 CSS 的方式实现的。

    代码如下

    以下代码其实合并在一行就可以,但是下面代码分成多行,为了方便大家阅读和理解。

    <style> 
        html { 
            -webkit-filter: grayscale(100%); 
            -moz-filter: grayscale(100%); 
            -ms-filter: grayscale(100%); 
            -o-filter: grayscale(100%); 
    	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);  
            _filter:none; 
        } 
    </style>

    把代码加在网站的 CSS 文件里或者网站模板任意部分即可。

    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考介绍。
    联创电脑商行 » 一行CSS代码实现网站网页变黑白灰效果

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    联创电脑商行
    一个优质资源分享平台