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 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> 
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!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
