<filter-function>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2016年9月.
<filter-function> CSS 数据类型 代表可以改变输入图像外观的图形效果。它可以用于filter 和 backdrop-filter 属性。
语法
<filter-function> 数据类型由下列过滤器函数之一指定的。每个函数需要一个参数，如果参数无效，结果不会被改变，如同没有使用过滤器一样。
blur()-
模糊图像
brightness()-
让图像更明亮或更暗淡
contrast()-
增加或减少图像的对比度
drop-shadow()-
在图像后方应用投影
grayscale()-
将图像转为灰度图
hue-rotate()-
改变图像的整体色调
invert()-
反转图像颜色
opacity()-
改变图像透明度
saturate()-
超饱和或去饱和输入的图像
sepia()-
将图像转为棕褐色
规范
| Specification |
|---|
| Filter Effects Module Level 1 # typedef-filter-function |
相关参考
- 使用此数据类型的属性：
filter以及backdrop-filter