Web platform features explorer

mix-blend-mode

Widely available since 2022-07-15
Tags: css Groups: CSS > Blend mode

The mix-blend-mode CSS property blends an element's content with its background or parent elements using blend modes like multiply, difference, or color.

Learn more

Browser support (view on caniuse.com)

  • Chrome 41 Released on 2015-03-03
  • Chrome Android 41 Released on 2015-03-11
  • Edge 79 Released on 2020-01-15
  • Firefox 32 Released on 2014-09-02
  • Firefox for Android 32 Released on 2014-09-02
  • Safari 8 Released on 2014-10-16
  • Safari on iOS 8 Released on 2014-09-17

Developer signals