Rumah > Artikel > hujung hadapan web > Bolehkah css3 mengeluarkan warna daripada imej?
Bolehkah css3 mengeluarkan warna daripada imej?
- WBOYasal
- 2022-03-22 11:11:291722semak imbas
CSS3 boleh mengalih keluar warna daripada imej; anda boleh menggunakan penapis dengan atribut skala kelabu untuk mengeluarkan warna daripada imej Atribut penapis digunakan untuk menentukan kesan visual elemen boleh menukar imej kepada a imej skala kelabu. Sintaks ialah "picture Element {filter:grayscale(100%}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, CSS3&&&&HTML5 version , komputer Dell G3
Boleh css3 mengalih keluar warna daripada imej
Boleh css3 mengeluarkan warna daripada imej
Atribut penapis mentakrifkan kesan visual (seperti kabur dan ketepuan) bagi elemen (biasanya ) . Sintaks
ialah:
filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();
di mana:
grayscale(%)
nilai mentakrifkan skala. daripada penukaran. >
Jika nilainya ialah 100%, ia akan ditukar sepenuhnya kepada imej skala kelabu Jika nilainya ialah 0%, imej itu tidak akan berubah pengganda linear bagi kesan. Jika tidak ditetapkan, nilai lalai kepada 0. ; Contoh adalah seperti berikut:<html>
<head>
<style>
img {
filter: grayscale(100%);
}
</style>
</head>
<body>
<p>将图像去色:</p>
<img src="pineapple.jpg" alt="Pineapple" width="300" style="max-width:90%">
</body>
</html>Hasil keluaran:
tutorial video css)
Atas ialah kandungan terperinci Bolehkah css3 mengeluarkan warna daripada imej?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!