CSS properti background-campuran-mode
contoh
mode campuran:
div {
width: 290px;
height: 69px;
background-size: 290px 69px;
background-repeat: no-repeat;
background-image: linear-gradient ( ke kanan, hijau 0%, putih 100%), url ( 'logo.png');
background-campuran-mode: warna- menghindar;
}
width: 290px;
height: 69px;
background-size: 290px 69px;
background-repeat: no-repeat;
background-image: linear-gradient ( ke kanan, hijau 0%, putih 100%), url ( 'logo.png');
background-campuran-mode: warna- menghindar;
}
Coba »
Definisi dan Penggunaan
atribut background-campuran-mode mendefinisikan modus campuran lapisan latar belakang (warna gambar).
default: | normal |
---|---|
mewarisi: | tidak |
animatable: | tidak ada. Lihat animatable |
versi: | CSS3 |
sintaks JavaScript: | keberatan .style.backgroundBlendMode = "screen" |
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
milik | |||||
---|---|---|---|---|---|
background-campuran-mode | 35,0 | Tidak mendukung | 30.0 | 7.1 | 22.0 |
CSS Syntax
background-blend-mode: normal|multiply|screen|overlay|darken|lighten|color-dodge|saturation|color|luminosity;
Nilai properti
nilai | deskripsi | contoh |
---|---|---|
normal | Default. Mengatur modus campuran normal. | Coba » |
memperbanyak | modus Multiply. | Coba » |
layar | mode warna. | Coba » |
hamparan | Modus overlay. | Coba » |
menggelapkan | modus redup. | Coba » |
meringankan | Modus mencerahkan. | Coba » |
Warna-menghindar | mode warna Dodge. | Coba » |
kejenuhan | modus jenuh. | Coba » |
warna | mode warna. | Coba » |
kilau | modus kecerahan. | Coba » |
Artikel terkait
CSS tutorial: latar belakang CSS