flood-opacity
flood-opacity 屬性指示用於當前濾鏡圖元子區域的不透明度值。
注意： 作為演示屬性，flood-opacity 還有一個對應的 CSS 屬性：flood-opacity。當兩者都指定時，CSS 屬性具有更高的優先順序。
你可以將此屬性與以下 SVG 元素一起使用
示例
html
<svg viewBox="0 0 420 200" xmlns="http://www.w3.org/2000/svg">
<filter id="flood1">
<feFlood
flood-color="seagreen"
flood-opacity="1"
x="0"
y="0"
width="200"
height="200" />
</filter>
<filter id="flood2">
<feFlood
flood-color="seagreen"
flood-opacity="0.3"
x="0"
y="0"
width="200"
height="200" />
</filter>
<rect x="0" y="0" width="200" height="200" filter="url(#flood1)" />
<rect x="220" y="0" width="200" height="200" filter="url(#flood2)" />
</svg>
用法說明
| 值 | <alpha-value> |
|---|---|
| 初始值 | 1 |
| 可動畫的 | 是 |
<alpha-value>-
一個數字或百分比，表示用於當前濾鏡圖元子區域的不透明度值。值為
0或0%表示完全透明的顏色，值為1或100%表示完全不透明的顏色。
規範
| 規範 |
|---|
| 濾鏡效果模組第 1 級 # FloodOpacityProperty |
瀏覽器相容性
載入中…
另見
- CSS
flood-opacity屬性 flood-color