HTML网页编程黑白灰色

Bealei

已于 2022-12-02 21:59:50 修改

阅读量344

点赞数

分类专栏： Web前端文章标签： html 前端 css

于 2022-12-02 21:55:40 首次发布

本文链接：https://blog.csdn.net/bealei/article/details/128154961

版权

Web前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML网页编程黑白灰色

在这里插入图片描述

灰色的css主要采用 filter 来实现

腾讯


	.garyBody {
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		-webkit-filter: grayscale(1);
	}

百度


body {
		filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
	}

淘宝


html {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: gray;
		filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

京东


html.o2_gray {
		/* -webkit-filter: grayscale(100%); */
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		/* filter: grayscale(100%); */
		-webkit-filter: gray;
		filter: gray;
		-webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
		filter: progid:dximagetransform.microsoft.basicimage(grayscale=1);
	}

网易


 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; 
    }