CSS fill-opacity property


CSS fill-opacity property shows the transparent behavior of the SVG element. An element may be fully or partially transparent.


opacity : value between 0 and 1

Property values

fully opaqueDefault

The object (element) is fully opaque.

fill-opacity: 1;

fully transparent

The object (element) is fully transparent.

fill-opacity: 0;

partially transparency

It represents 50% transparency of the object (element).

fill-opacity: 0.5;

Applicable to

It applies to SVG shapes.

#CSS digger
Was this article helpful?