opacity()

**opacity()** CSS 函数 将透明度应用于输入图像中的样本。其结果是一个 <filter-function>.

尝试一下

**注意:** 此函数类似于更成熟的 opacity 属性。区别在于,对于过滤器,一些浏览器提供了硬件加速以提高性能。

语法

css
opacity(amount)

Parameters

amount

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

示例

opacity() 的正确值示例

css
opacity(0%)   /* Completely transparent */
opacity(50%)  /* 50% transparent */
opacity(1)    /* No effect */

规范

Specification
Filter Effects Module Level 1
# funcdef-filter-opacity

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见