Skip to content

Latest commit

 

History

History
32 lines (26 loc) · 1.32 KB

191201.md

File metadata and controls

32 lines (26 loc) · 1.32 KB

网页全局变灰

今天是:12月13号,南京大屠杀30万同胞的国家公祭日 我熟练的打开B站,却发现网页变灰,初以为是加了个遮罩层 下意识,f12,发现了一个 css 属性

filter: grayscale(100%);

filter

定义了元素(通常是)的可视效果,中文称为滤镜

语法

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

参数

  1. none: 默认值,没有效果
  2. blur(px): 图像设置高斯模糊。
  3. brightness(%): 给图片应用一种线性乘法,使其看起来更亮或更暗。
  4. contrast(%):调整图像的对比度。
  5. drop-shadow(h-shadow v-shadow blur spread color):给图像设置一个阴影效果。阴影是合成在图像下面,可以有模糊度的,可以以特定颜色画出的遮罩图的偏移版本。
  6. grayscale(%):将图像转换为灰度图像。
  7. hue-rotate(deg):给图像应用色相旋转。
  8. invert(%):反转输入图像。
  9. opacity(%):转化图像的透明程度。
  10. saturate(%):转换图像饱和度。
  11. sepia(%): 将图像转换为深褐色。
  12. URL函数接受一个XML文件,该文件设置了 一个SVG滤镜,且可以包含一个锚点来指定一个具体的滤镜元素。