今天是:12月13号,南京大屠杀30万同胞的国家公祭日 我熟练的打开B站,却发现网页变灰,初以为是加了个遮罩层 下意识,f12,发现了一个 css 属性
filter: grayscale(100%);
filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();
- none: 默认值,没有效果
- blur(px): 图像设置高斯模糊。
- brightness(%): 给图片应用一种线性乘法,使其看起来更亮或更暗。
- contrast(%):调整图像的对比度。
- drop-shadow(h-shadow v-shadow blur spread color):给图像设置一个阴影效果。阴影是合成在图像下面,可以有模糊度的,可以以特定颜色画出的遮罩图的偏移版本。
- grayscale(%):将图像转换为灰度图像。
- hue-rotate(deg):给图像应用色相旋转。
- invert(%):反转输入图像。
- opacity(%):转化图像的透明程度。
- saturate(%):转换图像饱和度。
- sepia(%): 将图像转换为深褐色。
- URL函数接受一个XML文件,该文件设置了 一个SVG滤镜,且可以包含一个锚点来指定一个具体的滤镜元素。