css.properties

mix-blend-mode

The mix-blend-mode property specifies how an element blends with its background.

Formal Syntax

<blend-mode> | plus-lighter

See specification

JavaScript Access

// Access via element.style
element.style.mixBlendMode = 'normal';

Browser Support

standard | MDN · Spec

FeatureChromeFirefoxSafariEdge
mix-blend-mode4132879
color41321079
color-burn4132879
color-dodge4132879
darken4132879
difference4132879
exclusion4132879
hard-light4132879
hue41321079
lighten4132879
luminosity41321079
multiply4132879
normal4132879
overlay4132879
plus-darker9
plus-lighter100999.1100
saturation41321079
screen4132879
soft-light4132879
svg_elements413279

Related Properties