Heim > Web-Frontend > CSS-Tutorial > Hauptteil

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

青灯夜游
Freigeben: 2022-01-20 14:43:58
Original
15687 Leute haben es durchsucht

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.

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

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage