flood-color
An SVG property that sets the color of an SVG filter's flood area. It's often used with 'feFlood' to fill a region with a solid color for lighting or shadow effects.
Quick example
feFlood {
/* Sets the flood color to a semi-transparent blue */
flood-color: rgba(59, 130, 246, 0.5);
}Quick facts
Initial value
blackInherited
No
Applies to
SVG <feFlood> and <feDropShadow> elements
Animation type
byComputedValue
flood-color 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+