Blend Modes

The SVG backend supports CSS-style blend modes. See the general blend mode documentation for a description of the available blend modes and usage examples.

Implementation Notes

Blend modes are rendered using the CSS mix-blend-mode property. At the time of writing there are still a few browsers, mainly on mobile devices, that don't support this feature on SVG elements. Check compatibility for your use case.