mode

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

The mode attribute defines the blending mode on the <feBlend> filter primitive.

You can use this attribute with the following SVG elements:

Example

Usage notes

Value <blend-mode>
Default value normal
Animatable Yes

For a description of the values, see <blend-mode>.

Specifications

Specification
Filter Effects Module Level 1
# element-attrdef-feblend-mode

Browser compatibility