So ändern Sie das Bild mithilfe des CSS-Stils in Grau

In CSS können Sie das Bild mit dem Filterattribut in Grau ändern. Sie müssen dem Bild nur den Stil „Filter: Graustufen“ hinzufügen Element, um das Bild in Grau zu ändern.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

In CSS können Sie das Filterattribut verwenden, um das Bild in Grau zu ändern. Das

filter-Attribut definiert den visuellen Effekt des Elements (normalerweise ), d. h. das Hinzufügen von Filtereffekten zum Bild, wie z. B. Unschärfe und Sättigung.

Wenn der Wert des Filterattributs Graustufen (%) ist, kann das Bild in ein Graustufenbild konvertiert werden. 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

Das obige ist der detaillierte Inhalt vonSo ändern Sie das Bild mithilfe des CSS-Stils in Grau. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!