Własność CSS background-blend-mode

Własność CSS background-blend-mode określa sposób mieszania ze sobą obrazów tła i koloru tła elementu.

Przykład

Poniższe ilustracje przedstawiają kolejne od lewej: oryginalne obrazy (bez użycia własności background-blend-mode), obrazy zmieszane przez użycie wartości luminosity oraz obrazy zmieszane przez użycie wartości overlay własności background-blend-mode.

background-blend-mode: normal;
background-blend-mode: luminosity;
background-blend-mode: overlay;

Efekt:

Wartości i składnia

Własność background-blend-mode jako wartość przyjmuje jedno z następujących słów kluczowych: normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, luminosity.

Zastosowanie

Własność CSS background-blend-mode ma zastosowanie do wszystkich elementów HTML.

Podsumowanie