0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>You can control the opacity of the fill with the property fill-opacity. The opacity can also be set either using the attribute or via CSS.</p>
1
<p>You can control the opacity of the fill with the property fill-opacity. The opacity can also be set either using the attribute or via CSS.</p>
2
<p>The value is specified as a number from 0 to 1, such as, for example:</p>
2
<p>The value is specified as a number from 0 to 1, such as, for example:</p>
3
<rect width="150" height="100" fill="gold" fill-opacity="0.5"></rect>rect { fill: gold; fill-opacity: 0.5; }<p>Opacity works for all types of fills, including gradients and patterns:</p>
3
<rect width="150" height="100" fill="gold" fill-opacity="0.5"></rect>rect { fill: gold; fill-opacity: 0.5; }<p>Opacity works for all types of fills, including gradients and patterns:</p>