– CSS: kaskadowe arkusze stylów / MDN

normal

ostatecznym kolorem jest kolor górny, niezależnie od tego, jaki jest kolor dolny.
efekt jest jak dwa nieprzezroczyste kawałki papieru nakładające się na siebie .

multiply

ostateczny kolor jest wynikiem mnożenia kolorów górnego i dolnego.
czarna warstwa prowadzi do czarnej warstwy końcowej, a biała warstwa nie prowadzi do zmian.
efekt jest jak dwa obrazy wydrukowane na przezroczystej folii nakładającej się.

screen

ostateczny kolor jest wynikiem odwrócenia kolorów, pomnożenia ich i odwrócenia tej wartości.
czarna warstwa nie prowadzi do zmian, a biała warstwa prowadzi do białej warstwy końcowej.
efekt jest taki, jakby dwa obrazy świeciły na ekranie projekcyjnym.

overlay ostateczny kolor jest wynikiem multiply, jeśli kolor dolny jest ciemniejszy lub screen, jeśli kolor dolny jest jaśniejszy.
ten tryb mieszania jest równoważny hard-light, ale z zamienionymi warstwami. darken

ostateczny kolor składa się z najciemniejszych wartości każdego kanału koloru.

lighten

ostateczny kolor składa się z najlżejszych wartości każdego kanału koloru.

color-dodge

kolor końcowy jest wynikiem podzielenia koloru dolnego przez odwrotność koloru górnego.
czarny pierwszy plan nie prowadzi do zmian. Pierwszy plan z odwrotnym kolorem tła prowadzi do całkowicie oświetlonego koloru.
ten tryb mieszania jest podobny do screen, ale pierwszy plan musi być tylko tak jasny, jak odwrotność tła, aby stworzyć w pełni oświetlony kolor.

color-burn

kolor końcowy jest wynikiem odwrócenia koloru dolnego, podzielenia wartości przez kolor górny i odwrócenia tej wartości.
biały pierwszy plan nie prowadzi do zmian. Pierwszy plan z odwrotnym kolorem tła prowadzi do czarnego obrazu końcowego.
ten tryb mieszania jest podobny do multiply, ale pierwszy plan musi być tak ciemny, jak odwrotność tła, aby ostateczny obraz był czarny.

hard-light

ostateczny kolor jest wynikiem multiply, jeśli kolor górny jest ciemniejszy lub screen, jeśli kolor górny jest jaśniejszy.
ten tryb mieszania jest równoważny overlay, ale z zamienionymi warstwami.
efekt jest podobny do świecenia ostrym reflektorem na tle.

soft-light

ostateczny kolor jest podobny do hard-light, ale bardziej miękki.
ten tryb mieszania zachowuje się podobnie do hard-light.
efekt jest podobny do świecenia rozproszonym reflektorem na tle.

difference

ostateczny kolor jest wynikiem odjęcia ciemniejszego z dwóch kolorów od jaśniejszego.
czarna warstwa nie ma efektu, podczas gdy biała warstwa odwraca kolor drugiej warstwy.

exclusion

ostateczny kolor jest podobny do difference, ale z mniejszym kontrastem.
podobnie jak w przypadku difference, czarna warstwa nie ma efektu, podczas gdy biała warstwa odwraca kolor drugiej warstwy.

hue

kolor końcowy ma odcień koloru górnego, podczas gdy nasycenie i jasność koloru dolnego.

saturation

kolor końcowy ma Nasycenie koloru górnego, przy użyciu odcienia i jasności koloru dolnego.
czyste szare tło, bez nasycenia, nie będzie miało efektu.

color

ostateczny kolor ma odcień I Nasycenie koloru górnego, podczas gdy przy użyciu jasności koloru dolnego.
efekt zachowuje poziomy szarości i może być użyty do pokolorowania pierwszego planu.

luminosity

ostateczny kolor ma jasność koloru górnego, podczas gdy przy użyciu odcienia i nasycenia koloru dolnego.
ten tryb mieszania jest równoważny color, ale z zamienionymi warstwami.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.