המאפיין mix-blend-mode מגדיר כיצד לשלב את האלמנט עם צבע הרקע של אלמנט האב
דוגמא: שנה את השילוב עם הצבע האדום
| הערך שנבדק | Chrome | Firefox | EdgeC | Opera |
|---|---|---|---|---|
| normal | ✔️ | ✔️ | ✔️ | ✔️ |
| multiply | ✔️ | ✔️ | ✔️ | ✔️ |
| screen | ✔️ | ✔️ | ✔️ | ✔️ |
| overlay | ✔️ | ✔️ | ✔️ | ✔️ |
| darken | ✔️ | ✔️ | ✔️ | ✔️ |
| lighten | ✔️ | ✔️ | ✔️ | ✔️ |
| color-dodge | ✔️ | ✔️ | ✔️ | ✔️ |
| color-burn | ✔️ | ✔️ | ✔️ | ✔️ |
| difference | ✔️ | ✔️ | ✔️ | ✔️ |
| exclusion | ✔️ | ✔️ | ✔️ | ✔️ |
| hue | ✔️ | ✔️ | ✔️ | ✔️ |
| saturation | ✔️ | ✔️ | ✔️ | ✔️ |
| color | ✔️ | ✔️ | ✔️ | ✔️ |
| luminosity | ✔️ | ✔️ | ✔️ | ✔️ |
| revert | ✔️ | ✔️ | ✔️ | ✔️ |
| revert-layer | ✔️ | ✔️ | ✔️ | ✔️ |
| unset | ✔️ | ✔️ | ✔️ | ✔️ |
| inherit | ✔️ | ✔️ | ✔️ | ✔️ |
| initial | ✔️ | ✔️ | ✔️ | ✔️ |