1. 面向开发者的 Web 技术
  2. CSS：层叠样式表
  3. CSS 参考
  4. 值
  5. <filter-function>

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

<filter-function>

基线 广泛可用

自 2016年9月 起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

<filter-function> CSS 数据类型 代表可以改变输入图像外观的图形效果。它可以用于filter 和 backdrop-filter 属性。

语法

<filter-function> 数据类型由下列过滤器函数之一指定的。每个函数需要一个参数，如果参数无效，结果不会被改变，如同没有使用过滤器一样。

blur()

模糊图像

brightness()

让图像更明亮或更暗淡

contrast()

增加或减少图像的对比度

drop-shadow()

在图像后方应用投影

grayscale()

将图像转为灰度图

hue-rotate()

改变图像的整体色调

invert()

反转图像颜色

opacity()

改变图像透明度

saturate()

超饱和或去饱和输入的图像

sepia()

将图像转为棕褐色

规范

规范
Filter Effects Module Level 1
# typedef-filter-function

相关参考

帮助改进 MDN

了解如何参与贡献

此页面最后更新于 ，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题