– CSS: Fogli di stile a cascata / MDN

normal

Il colore finale è il colore superiore, indipendentemente dal colore di fondo.
L’effetto è come due pezzi opachi di carta sovrapposti.

multiply

Il colore finale è il risultato della moltiplicazione dei colori superiore e inferiore.
Uno strato nero porta a uno strato finale nero e uno strato bianco non porta a cambiamenti.
L’effetto è come due immagini stampate su pellicola trasparente sovrapposte.

screen

Il colore finale è il risultato dell’inversione dei colori, della loro moltiplicazione e dell’inversione di quel valore.
Uno strato nero non porta a nessun cambiamento e uno strato bianco porta a uno strato finale bianco.
L’effetto è come due immagini brillavano su uno schermo di proiezione.

overlay Il colore finale è il risultato di multiply se il colore di fondo è più scuro, o screen se il colore di fondo è più chiaro.
Questa modalità di fusione è equivalente a hard-light ma con i livelli scambiati. darken

Il colore finale è composto dai valori più scuri di ciascun canale colore.

lighten

Il colore finale è composto dai valori più chiari di ciascun canale colore.

color-dodge

Il colore finale è il risultato della divisione del colore inferiore per l’inverso del colore superiore.
Un primo piano nero non comporta alcun cambiamento. Un primo piano con il colore inverso dello sfondo porta a un colore completamente illuminato.
Questa modalità di fusione è simile a screen, ma il primo piano deve essere leggero come l’inverso dello sfondo per creare un colore completamente illuminato.

color-burn

Il colore finale è il risultato dell’inversione del colore inferiore, della divisione del valore per il colore superiore e dell’inversione di tale valore.
Un primo piano bianco non comporta alcun cambiamento. Un primo piano con il colore inverso dello sfondo porta a un’immagine finale nera.
Questa modalità di fusione è simile a multiply, ma il primo piano deve essere scuro come l’inverso dello sfondo per rendere l’immagine finale nera.

hard-light

Il colore finale è il risultato di multiply se il colore superiore è più scuro, o screen se il colore superiore è più chiaro.
Questa modalità di fusione è equivalente a overlay ma con i livelli scambiati.
L’effetto è simile a brillare un riflettore duro sullo sfondo.

soft-light

Il colore finale è simile a hard-light, ma più morbido.
Questa modalità di fusione si comporta in modo simile a hard-light.
L’effetto è simile a far brillare un riflettore diffuso sullo sfondo.

difference

Il colore finale è il risultato di sottrarre il più scuro dei due colori da quello più chiaro.
Un livello nero non ha effetto, mentre un livello bianco inverte il colore dell’altro livello.

exclusion

Il colore finale è simile a difference, ma con meno contrasto.
Come con difference, un livello nero non ha alcun effetto, mentre un livello bianco inverte il colore dell’altro livello.

hue

Il colore finale ha la tonalità del colore superiore, mentre utilizza la saturazione e la luminosità del colore inferiore.

saturation

Il colore finale ha la saturazione del colore superiore, mentre utilizza la tonalità e la luminosità del colore inferiore.
Uno sfondo grigio puro, senza saturazione, non avrà alcun effetto.

color

Il colore finale ha la tonalità e la saturazione del colore superiore, mentre utilizza la luminosità del colore inferiore.
L’effetto conserva i livelli di grigio e può essere utilizzato per colorare il primo piano.

luminosity

Il colore finale ha la luminosità del colore superiore, mentre utilizza la tonalità e la saturazione del colore inferiore.
Questa modalità di fusione è equivalente a color, ma con i livelli scambiati.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.