✔️ background-blend-mode CSS Style Property

המאפיין background-blend-mode מאפיין זה מגדיר איך לאחד את הרקעים שהוגדרו.

דוגמא: מערב את תמונת הרקע עם צבעי רקע אחרים

Demo Panel:

CSS:

HTML:

Syntax:

background-blend-mode: normal | multiply | screen | overlay | darken | lighten | color-dodge | saturation | color | luminosity;

Valid values:

normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, luminosity, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.backgroundBlendMode

תאימות דפדפנים

background-blend-mode
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
multiply	✔️	✔️	✔️	✔️
normal	✔️	✔️	✔️	✔️
screen	✔️	✔️	✔️	✔️
overlay	✔️	✔️	✔️	✔️
darken	✔️	✔️	✔️	✔️
lighten	✔️	✔️	✔️	✔️
color-dodge	✔️	✔️	✔️	✔️
color-burn	✔️	✔️	✔️	✔️
hard-light	✔️	✔️	✔️	✔️
soft-light	✔️	✔️	✔️	✔️
difference	✔️	✔️	✔️	✔️
exclusion	✔️	✔️	✔️	✔️
hue	✔️	✔️	✔️	✔️
saturation	✔️	✔️	✔️	✔️
color	✔️	✔️	✔️	✔️
luminosity	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️