flood-opacity
An SVG property that sets the transparency level of an SVG filter's flood color. 0 is invisible, 1 is fully solid.
Quick example
feFlood {
/* Sets the opacity of the flood area */
flood-opacity: 0.8;
}Quick facts
Initial value
blackInherited
No
Applies to
SVG <feFlood> and <feDropShadow> elements
Animation type
byComputedValue
Values
opacity flood-opacity Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
5+
3+
6+
12+