background-blend-mode
The background-blend-mode property specifies how a background image blends with the background color.
Formal Syntax
<'mix-blend-mode'>#
JavaScript Access
// Access via element.style
element.style.backgroundBlendMode = 'normal';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| background-blend-mode | 35 | 30 | 8 | 79 |
Related Properties
- background
- background-attachment
- background-clip
- background-color
- background-image
- background-origin
- background-position
- background-position-x
- background-position-y
- background-repeat
- background-size
- background-repeat-x ๐งช
- background-repeat-y ๐งช
- background-position-block ๐ง
- background-position-inline ๐ง
- background-repeat-block ๐ง
- background-repeat-inline ๐ง
- background-tbd ๐ง