18339358210

建站知识

网站建设资讯及网络营销知识

18339358210

  • 10+

    年服务经验

  • 1000+

    家客户选择

  • 112+

    项细节标准

网站在某种特定的情况下,需要使整个网站变成黑白的颜色科,创网络分享让网站黑白色的技巧

发布时间:2020-04-05 浏览:13

网站在某种特定的情况下,需要使整个网站变成黑白的颜色。给网站实加上以下代码就能很容易实现黑白效果了:


<!--网站变灰色代码-->
<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> 

<!--网站变灰色代码-结束-->


filter是滤镜的意思,filter:gray的意思就是说给页面加上一个灰度的滤镜,所以html里面的所有内容都会变成黑白的了。
不过这个滤镜对于chrome和safari浏览器是无效的,所以下面会有一行-webkit-filter: grayscale(100%);
这个样式是专属于使用webkit内核的浏览器的,意思和FILTER: gray;差不多,只是写法不同罢了。


实现效果:

image.png

填写您的联系方式获取报价

我们拥有专业优秀的设计和技术团队,以极具创意的网站设计

*我们的专业顾问会在24小时内与你获得联系,请填写正确的联系方式!