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 表格仅在浏览器中加载
另请参见
- 其他可用于
filter
和backdrop-filter
属性值的<filter-function>
函数包括 - CSS
opacity
属性