Właściwość CSS background-blend-mode
Przykłady
Tryb mieszany:
div {
width: 290px;
height: 69px;
background-size: 69px 290px;
background-repeat: no-repeat;
background-image: Gradient liniowy ( do prawej, zielony, biały 0% 100%), url ( 'logo.png');
background-blend-mode: zastosowaniu przyjemnej dla oka Dodge;
}
width: 290px;
height: 69px;
background-size: 69px 290px;
background-repeat: no-repeat;
background-image: Gradient liniowy ( do prawej, zielony, biały 0% 100%), url ( 'logo.png');
background-blend-mode: zastosowaniu przyjemnej dla oka Dodge;
}
Spróbuj »
Definicja i Wykorzystanie
atrybutu background-blend-mode określa tryb mieszania warstwy tła (kolor obrazu).
Domyślnie: | normalny |
---|---|
Dziedziczenie: | nie |
Animatable: | Nr. Zobacz animatable |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.backgroundBlendMode "Ekran" = |
Pomoc Browser
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji nieruchomości.
nieruchomość | |||||
---|---|---|---|---|---|
background-blend-mode | 35,0 | Nie obsługuje | 30,0 | 7,1 | 22,0 |
Składnia CSS
background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;
Wartość nieruchomości
wartość | opis | Przykłady |
---|---|---|
normalny | Domyślnie. Ustawienie normalnego trybu mieszania. | Spróbuj » |
mnożyć | Tryb Multiply. | Spróbuj » |
ekran | Tryb koloru. | Spróbuj » |
narzuta | tryb Overlay. | Spróbuj » |
zaciemniać | Tryb ściemniacza. | Spróbuj » |
rozjaśnić | tryb rozjaśnić. | Spróbuj » |
kolorów Dodge | Tryb kolorów Dodge. | Spróbuj » |
nasycenie | Tryb Nasycenie. | Spróbuj » |
kolor | Tryb koloru. | Spróbuj » |
jasność | Tryb Jasność. | Spróbuj » |
Powiązane artykuły
Kurs CSS: CSS tle