opacity()
CSS
function
applies transparency to the samples in the input image. Its result is a
<filter-function>
.
注意：
This function is similar to the more established
opacity
property. The difference is that with filters, some browsers provide hardware acceleration for better performance.
opacity(amount)
amount
<number>
或
<percentage>
. A value of
0%
is completely transparent, while a value of
100%
leaves the input unchanged. Values between
0%
and
100%
are linear multipliers on the effect. The lacuna value for interpolation is
1
.
opacity(0%) /* Completely transparent */ opacity(50%) /* 50% transparent */ opacity(1) /* No effect */
| 规范 | 状态 |
|---|---|
|
Filter Effects Module Level 1
The definition of 'opacity()' in that specification. |
工作草案 |
<filter-function>
opacity
property
blur()
brightness()
contrast()
drop-shadow()
grayscale()
hue-rotate()
invert()
saturate()
sepia()