Heim  >  Artikel  >  Web-Frontend  >  So färben Sie Bilder mit CSS in Firefox grau

So färben Sie Bilder mit CSS in Firefox grau

王林
王林Original
2020-11-27 14:03:541972Durchsuche

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.

So färben Sie Bilder mit CSS in Firefox grau

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 So färben Sie Bilder mit CSS in Firefox grau).

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:

So färben Sie Bilder mit CSS in Firefox grau

Implementierungseffekt:

So färben Sie Bilder mit CSS in Firefox grau

(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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn