config

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

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Adres:, 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 | Teksty SEO pozycjonujące strony | Grafika na strony internetowe

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