– CSS: Gjennomgripende Stilark | MDN

normal

den endelige fargen er toppfargen, uansett hva bunnfargen er.
effekten er som to ugjennomsiktige papirlapper.

multiply

den endelige fargen er resultatet av å multiplisere topp-og bunnfarger.
et svart lag fører til et svart siste lag, og et hvitt lag fører til ingen endring.
effekten er som to bilder trykt på gjennomsiktig film overlappende.

screen

den endelige fargen er resultatet av å invertere fargene, multiplisere dem og invertere den verdien.
et svart lag fører til ingen endring, og et hvitt lag fører til et hvitt sluttlag.
effekten er som to bilder skinte på en projeksjonsskjerm.

overlay den endelige fargen er resultatet av multiply hvis bunnfargen er mørkere, eller screen hvis bunnfargen er lysere.
denne blandingsmodusen tilsvarer hard-light, men med lagene byttet. darken

den endelige fargen består av de mørkeste verdiene i hver fargekanal.

lighten

den endelige fargen består av de letteste verdiene til hver fargekanal.

color-dodge

den endelige fargen er resultatet av å dele bunnfargen med den inverse av toppfargen.
en svart forgrunn fører til ingen endring. En forgrunn med den inverse fargen på bakgrunnen fører til en fullt opplyst farge.
denne blandingsmodusen ligner screen, men forgrunnen trenger bare å være så lys som den inverse av bakgrunnen for å skape en fullstendig opplyst farge.

color-burn

den endelige fargen er resultatet av å invertere bunnfargen, dele verdien med toppfargen og invertere den verdien.
en hvit forgrunn fører til ingen endring. En forgrunn med den inverse fargen på bakgrunnen fører til et svart sluttbilde.
denne blandingsmodusen ligner multiply, men forgrunnen trenger bare å være så mørk som den inverse av bakgrunnen for å gjøre det endelige bildet svart.

hard-light

den endelige fargen er resultatet av multiply hvis toppfargen er mørkere, eller screen hvis toppfargen er lysere.
denne blandingsmodusen tilsvarer overlay, men med lagene byttet.
effekten ligner på å skinne en hard spotlight på bakgrunnen.

soft-light

den endelige fargen ligner hard-light, men mykere.
denne blandingsmodusen fungerer på samme måte som hard-light.
effekten ligner på å skinne en diffust spotlight på bakgrunnen.

difference

den endelige fargen er resultatet av å trekke den mørkere av de to fargene fra den lysere.
et svart lag har ingen effekt, mens et hvitt lag inverterer det andre lagets farge.

exclusion

den endelige fargen ligner difference, men med mindre kontrast.
som med difference har et svart lag ingen effekt, mens et hvitt lag inverterer det andre lagets farge.

hue

den endelige fargen har fargen på toppfargen, mens du bruker metning og lysstyrke av bunnfargen.

saturation

den endelige fargen har metning av toppfargen, mens du bruker fargetone og lysstyrke av bunnfargen.
en ren grå bakgrunn, uten metning, vil ikke ha noen effekt.

color

den endelige fargen har fargetone og metning av toppfargen, mens du bruker lysstyrken til bunnfargen.
effekten bevarer grånivåer og kan brukes til å fargelegge forgrunnen.

luminosity

den endelige fargen har lysstyrken til toppfargen, mens du bruker fargetone og metning av bunnfargen.
denne blandingsmodusen tilsvarer color, men med lagene byttet.

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.