logo-tworzenie-stron-legnica

config

Style CSS

Spis alfabetyczny stylów CSS.

Ściąga CSS - przykłady, style CSS alfabetycznie, spis stylów CSS, właściwości CSS, skorowidz stylów CSS.


 

Strona w trakcie modernizacji

Zapraszamy wkrótce

Właściwość CSS mix-blend-mode

 

Definicja stylu, przeznaczenie i użycie mix-blend-mode

Styl mix-blend-mode definiuje, w jaki sposób zawartość elementu powinna mieszać się z jego bezpośrednim tłem nadrzędnym (rodzicem).

 

Wartości właściwości mix-blend-mode

Wartość Opis
normal Ustala normalny tryb mieszania. Ustawienie domyślne.
multiply Ustawia tryb mieszania na mnożenie.
screen Ustala tryb mieszania na raster.
overlay Ustala tryb mieszania na nakładkę.
darken Ustala tryb mieszania na ciemniejszy.
lighten Ustala tryb mieszania na jaśniejszy.
color-dodge Finalnym kolorem będzie rozjaśniony kolor dolny. Ponadto kolor górny czarny zostaje zamieniony niezmienionym kolorem dolnym.
color-burn Finalnym kolorem będzie przyciemniony kolor dolny. Ponadto kolor górny biały zostaje zamieniony niezmienionym kolorem dolnym.
difference Ustala tryb mieszania na różnicę.
exclusion Ustala tryb mieszania na wykluczenie.
hue Ustala tryb mieszania na odcień.
saturation Ustala tryb mieszania na nasycenie.
color Ustala tryb mieszania na kolor.
luminosity Ustala tryb mieszania na jasność.

 

Składnia CSS mix-blend-mode

mix-blend-mode: normal | multiply | screen | overlay | darken | lighten | color-dodge | color-burn | difference | exclusion | hue | saturation | color| luminosity;

 

Wsparcie przeglądarek dla właściwości mix-blend-mode

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Właściwość chrome edge firefox safari opera
mix-blend-mode 41.0 79.0 32.0 8.0 35.0

 

Przykładowe zastosowania właściwości mix-blend-mode

 

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony , , Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, tel. +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Grafik | Strony

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
tel. +48 780 060 995,
Pon. - pt. 8:00 - 17:00