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.
It is documented as part of the Filter Effects specification.
Syntax
/* Usage Example */
feFlood {
/* Sets the flood color to a semi-transparent blue */
flood-color: rgba(59, 130, 246, 0.5);
}
/* Global values */
flood-color: inherit;
flood-color: initial;
flood-color: revert;
flood-color: revert-layer;
flood-color: unset;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.
5+
3+
6+
12+
Your first month is free
Managed WordPress hosting for faster sites.
Learn more