Heim > Artikel > Web-Frontend > So färben Sie Bilder mit CSS in Firefox grau
So verwandeln Sie Bilder mithilfe von CSS in Firefox in Grau: Dies kann durch das Attribut [-webkit-filter:grayscale(100%);] erreicht werden. Das Filterattribut definiert die visuellen Effekte des Elements, wie z. B. Unschärfe und Sättigung.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, HTML5- und CSS3-Version. Diese Methode ist für alle Computermarken geeignet.
(Empfohlenes Tutorial: CSS-Video-Tutorial)
Attributeinführung:
Filterattribut definiert den visuellen Effekt (z. B. Unschärfe und Sättigung) des Elements (normalerweise ).
Attributwert:
Graustufen(%) Konvertieren Sie das Bild in ein Graustufenbild. Der Wert definiert den Umfang der Konvertierung. Bei einem Wert von 100 % wird das Bild vollständig in Graustufen umgewandelt, bei einem Wert von 0 % bleibt das Bild unverändert. Werte zwischen 0 % und 100 % sind lineare Multiplikatoren des Effekts. Wenn nicht festgelegt, ist der Wert standardmäßig 0;
Codebeispiel:
Implementierungseffekt:
(Verwandte Empfehlungen: CSS-Tutorial)
Das obige ist der detaillierte Inhalt vonSo färben Sie Bilder mit CSS in Firefox grau. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!