Reines CSS zum Ändern der Farbe des Bildes

Reines CSS zum Ändern der Farbe des Bildes

Die CSS-Technik zum Ändern der Farbe eines Bildes ist sehr einfach. Der spezifische Code lautet wie folgt:

Tipps: JPG, PNG, GIF sind alle OK, aber es gibt eine Voraussetzung, nämlich reine schwarze Farbe und weißer Hintergrund

.Bild1 {
    Hintergrundbild: URL($img), linearer Farbverlauf(#f00, #f00);
    Hintergrund-Mischmodus: Aufhellen;
    Hintergrundgröße: Abdeckung;
}

Zusammenfassen

Das Obige ist die reine CSS-Technik zum Ändern der Farbe von Bildern, die ich Ihnen vorgestellt habe. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!
Wenn Sie diesen Artikel hilfreich finden, können Sie ihn gerne abdrucken und dabei bitte die Quelle angeben. Vielen Dank!

<<:  Detaillierte Erläuterung des Apache SkyWalking-Alarmkonfigurationshandbuchs

>>:  So verwenden Sie Zen-Codierung in Dreamweaver

Artikel empfehlen

So ändern Sie die Zeit in der virtuellen CentOS-Maschine

Das obere Bild zeigt die Systemzeit und das unter...

Schritt-für-Schritt-Anleitung zum Erstellen einer Kalenderkomponente mit React

Inhaltsverzeichnis Betriebswirtschaftlicher Hinte...

Eine kurze Diskussion zur Auftragsrekonstruktion: MySQL-Sharding

Inhaltsverzeichnis 1. Ziele 2. Umweltvorbereitung...

Zusammenfassung des Linux-Befehls nc

Der vollständige Name von NC lautet Netcat (Netwo...

Praktisches Beispiel für verschachtelte Routen im vue.js Router

Inhaltsverzeichnis Vorwort Einrichten mit Vue CLI...

jquery+springboot realisiert die Datei-Upload-Funktion

In diesem Artikelbeispiel wird der spezifische Co...

HTML+CSS zum Erreichen eines reaktionsfähigen Karten-Hover-Effekts

Inhaltsverzeichnis erreichen: Zusammenfassen: Daz...