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
| Zastosowanie | Wszystkie elementy HTML |
|---|---|
| Obsługiwane wartości | Słowa kluczowe: normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, luminosity |
| Wartość początkowa | normal |
| Dziedziczenie | Nie |
| Specyfikacja | Compositing and Blending Level 2, własność background-blend-mode |
