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!