CSS proprietà background-blend-mode
Esempi
Modalità mista:
div {
width: 290px;
Altezza: 69px;
background-size: 69px 290px;
background-repeat: no-repeat;
background-image: linear-gradient ( a destra, verde 0%, 100% bianco), url ( 'logo.png');
background-blend-mode: colore- Dodge;
}
width: 290px;
Altezza: 69px;
background-size: 69px 290px;
background-repeat: no-repeat;
background-image: linear-gradient ( a destra, verde 0%, 100% bianco), url ( 'logo.png');
background-blend-mode: colore- Dodge;
}
Prova »
Definizione e utilizzo
attributo background-blend-mode definisce il metodo di fusione del livello di sfondo (immagine a colori).
predefinito: | normale |
---|---|
Inherited: | no |
animatable: | n. Vedere animatable |
versione: | CSS3 |
sintassi JavaScript: | object .style.backgroundBlendMode = "screen" |
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione di proprietà.
proprietà | |||||
---|---|---|---|---|---|
background-blend-mode | 35.0 | Non supporta | 30,0 | 7.1 | 22.0 |
CSS Sintassi
background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;
Proprietà Valore
valore | descrizione | Esempi |
---|---|---|
normale | Predefinito. Impostare il metodo di fusione normale. | Prova » |
moltiplicare | modalità Moltiplica. | Prova » |
schermo | modalità colore. | Prova » |
copertura | modalità Overlay. | Prova » |
scurire | Modalità Dimmer. | Prova » |
alleggerire | modalità di Illumina. | Prova » |
colore-Dodge | Modalità Colore scherma. | Prova » |
saturazione | modalità di saturazione. | Prova » |
colore | modalità colore. | Prova » |
luminosità | modalità di luminosità. | Prova » |
articoli correlati
CSS tutorial: sfondo CSS