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

JavaScript Canvas implementiert Grafiken und Text mit Schatten

Verwenden Sie Canvas, um Grafiken und Text mit Sc...

Methoden und Probleme bei der Installation von MariaDB in CentOS unter MySQL

Löschen Sie die zuvor installierte MariaDB 1. Ver...

So löschen Sie den in Docker erstellten Container

So löschen Sie den in Docker erstellten Container...

Lösung für das Problem des Sitzungsverlusts bei Nginx

Bei der Verwendung von Nginx als Reverse-Proxy fü...

Eine kurze Analyse, wie MySQL die Transaktionsisolierung implementiert

Inhaltsverzeichnis 1. Einleitung 2. RC- und RR-Is...

Beispiele für die Erstellung und Verwendung von MySQL-Triggern

Inhaltsverzeichnis Was ist ein Auslöser Erstellen...

Vue-Router-Verlaufsmodus, serverseitiger Konfigurationsprozess-Datensatz

Geschichtsroute Der Verlaufsmodus bezieht sich au...

Methode zur Behebung von IE6-Space-Bugs

Schauen Sie sich den Code an: Code kopieren Der Co...

Docker-Fallanalyse: Erstellen eines MySQL-Datenbankdienstes

Inhaltsverzeichnis 1 Konfigurations- und Datenver...

Einführung in die Verschachtelungsregeln von HTML-Tags

Es gibt viele XHTML-Tags: div, ul, li, dl, dt, dd...