invert()

**invert()** CSS 函数 反转输入图像中的颜色样本。其结果为 <filter-function>

试一试

语法

css
invert(amount)

参数

amount

转换量,指定为 <number><percentage>。值为 100% 表示完全反转,而值为 0% 表示保持输入不变。0%100% 之间的值是对效果的线性乘数。用于 插值 的初始值为 0

示例

invert() 的正确值示例

css
invert(0)     /* No effect */
invert(.6)    /* 60% inversion */
invert(100%)  /* Completely inverted */

规范

规范
过滤器效果模块级别 1
# funcdef-filter-invert

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅