contrast()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.

contrast() CSS 函数调整输入图像的对比度。结果是一个 <filter-function>.

尝试一下

语法

contrast(amount)

参数

amount

输出的对比度取决于 <number>或者<percentage>的大小。低于 100% 的值会降低对比度,高于 100% 的值会增加对比度。值为 0% 将创建完全灰色的图像,值为 100% 时不会有任何变化。该值为空时默认为 1.

例子

css
contrast(0)     /* 完全灰色 */
contrast(65%)   /* 65% 对比度 */
contrast(1)     /* 无效果 */
contrast(200%)  /* 两倍对比度 */

参见