CSS background-blend-mode property
Browser support · legacy reference
ChromeFully supports
SafariPartial support
FirefoxFully supports
Internet ExplorerNot supported
EdgeNot supported
OperaFully supports
Description
This property blends multiple background images. It has the same values as mix-blend-mdoe. The background-image may consist of image url or gradient.
Syntax
background-blend-mode : normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | hard-light | soft-light | difference | exclusion | hue | saturation | color | luminosity
Applicable to
It applies to all elements