fill-opacity

The fill-opacity CSS property defines the opacity of the painting operation (color, gradient, pattern, etc.) applied to SVG shapes or text content elements to fill the element. The property defines the opacity of the element’s fill only; it does not affect the stroke. If present, it overrides the element’s attribute.

Note: The fill-opacity property only applies to circle, ellipse, path, polygon, polyline, rect, text, textPath, and tspan elements nested in an svg. It doesn’t apply to other SVG, HTML, or pseudo-elements.

Values: The number and percentage values denote the opacity of the fill of the element.

Syntax example: fill-opacity: 0.2;