首页 > 其他分享 >B站变成灰彩色的CSS代码

B站变成灰彩色的CSS代码

时间:2022-12-01 20:34:05浏览次数:38  
标签:saturate 代码 彩色 grayscale 80% filter 85% CSS 85

因为一些原因,网站要变成灰色。

我看其他网站就是纯黑白,但是B站是有点暗的彩色,就像暗色印刷的书,记录下,其代码如下:

 

 

 1 html.gray {
 2  filter:grayscale(85%) saturate(80%);
 3  -webkit-filter:grayscale(85%) saturate(80%);
 4  -moz-filter:grayscale(85%) saturate(80%);
 5  -ms-filter:grayscale(85%) saturate(80%);
 6  -o-filter:grayscale(85%) saturate(80%);
 7  filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
 8  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=.85);
 9  -webkit-filter:grayscale(.85) saturate(.8)
10 }

没有加gray则显示如下

 

标签:saturate,代码,彩色,grayscale,80%,filter,85%,CSS,85
From: https://www.cnblogs.com/html55/p/16942597.html

相关文章

  • 前端之css
    目录前端之css今日内容概要今日内容详细表单标签补充说明CSS层叠样式表CSS选择器选择器优先级CSS样式调节前端之css今日内容概要表单标签的补充说明CSS层叠样式表......
  • 页面css哀悼模式
      查找的一波样式原来是css的:filter:grayscale(100%);//灰度   ......
  • 前端之CSS
    目录前端之CSS引入CSS前言CSS层叠样式表1.CSS组成2.css语法结构3.注释语法4.引入CSS的多种方式css选择器1.css基本选择器2.CSS组成选择器3.分组与嵌套4.属性选择器5.伪类选......
  • css基础操作
    今日内容总结表单标签的补充说明基于form表单发送数据1.用于获取用户数据的标签含有name属性 name属性相当于字典的键用户输入的数据会被保存到标签的value属性......
  • 前端之CSS
    CSS层叠样式表主要用于调节HTML标签的各种样式标签的两大属性:1.class属性分类查找,主要用于批量查找2.id属性精确查找,点对点的查找我们之......
  • 前端之css
    CSS层叠样式表#1.css主要用来调节html标签的各种样式"""如何区分标签?标签的两大重要属性1.class属性:进行分类,主要用于批量查找......
  • python自带静态web服务器搭建代码实现
    #coding:utf-8fromwsgiref.simple_serverimportmake_server#导入simple_server模块#视图函数defhome(*args):return"home"deflogin(*args):ret......
  • python之路40 前端之 CSS 标签查询
    表单标签的补充说明基于form表单发送数据1.用于获取用户数据的标签至少应该含有name属性name属性相当于字典的键用户输入的数据会被保存到标签的value属性中......
  • 前端之css
    目录前端之csscss叠层样式表css选择器选择器优先级css样式调节前端之css基于form表单发送数据用于获取用户数据的标签至少应该含有name属性name属性相当于字典的键用......
  • css一些图片处理
    img{/*contrast调整对比度单位%默认100%50%时和brightness的0.5效果类似*/filter:contrast(500%);/*马赛克属性blur单位px默认0......