CSS fill-opacity property
Description
CSS fill-opacity property shows the transparent behavior of the SVG element. An element may be fully or partially transparent.
Syntax
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.
From web4college, the free CSS digger
#CSS digger
Was this article helpful?
▾