filter属性将模糊颜色等图像效果应用于元素,主要用来调整图像,背景图片等。
常用属性如下:
filter: blur(15px); | 设置模糊度,0表示无变化,数值越大越模糊; |
filter: brightness(1.3); | 设置亮度,1表示无变化,小于1变暗 |
filter: contrast(1.3); | 设置对比度,与brightness()效果差不多 |
filter: drop-shadow(0 0 10px black); | 设置阴影 |
filter: grayscale(.5); | 设置灰度,范围0-1,0表示无变化 |
filter: hue-rotate(0deg); | 色相环,0deg表示无变化 |
filter: invert(1); | 颜色反转,范围0-1,0表示无变化 |
filter: opacity(.5); | 透明度,范围0-1 |
filter: saturate(0); | 设置饱和度,范围0-1,1表示完全饱和无变化 |
filter: sepia(1); | 将颜色转为深褐色,范围0-1,0表示无变化 |