Farbverlaufseffekt im HTML-Hintergrund durch CSS-Stil erreicht

Screenshots der Effekte:

Implementierungscode:

Code kopieren

Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<Kopf>
<Titel></Titel>
<style type="text/css">
.linear{
Breite: 100 %;
Höhe: 600px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=##15A216,endColorStr=#fafafa); /*IE*/
Hintergrund: -moz-linear-gradient (oben, #15A216, #fafafa);/*Firefox*/
Hintergrund: -webkit-gradient(linear, 0 % 0 %, 0 % 100 %, von (#15A216), bis (#fafafa));/*Google*/
Hintergrundbild: -webkit-gradient(linear, links unten, links oben, Farbstart(0, #15A216), Farbstopp(1, #fafafa));/* Safari & Chrome*/
Filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa'); /*IE6 & IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#15A216', endColorstr='#fafafa')"; /* IE8 */
}
</Stil>
</Kopf>
<Text>
<div Klasse="linear"></div>
</body>
</html>

So aktivieren Sie die Swoole Loader-Erweiterung auf dem virtuellen Host des Linux-Systems

Artikel

Farbverlaufseffekt im HTML-Hintergrund durch CSS-Stil erreicht

So aktivieren Sie die Swoole Loader-Erweiterung auf dem virtuellen Host des Linux-Systems

So zeigen Sie ein kleines Symbol vor der Browser-URL an

JSONP-domänenübergreifende Simulation der Baidu-Suche

Einführungstutorial zum MySQL-Multitabellen-Join

Beispielcode für den Song-Fortschrittsbalken in Vue

Grafisches Tutorial zur Installation und Konfiguration von mysql 8.0.16 winx64.zip

Implementierungsmethode für die bidirektionale Bindung von Vue-Daten

Datenbank löschen und weglaufen? So sichern Sie die MySQL-Datenbank mit xtraback

HTTP-Rückgabecodeliste (Erklärung auf Chinesisch und Englisch)

Verwenden Sie JS, um Dateien zu bearbeiten (FileReader liest --node's fs)

Artikel empfehlen

Beispielcode zum Konfigurieren von Überwachungselementen und aggregierten Grafiken in Zabbix

Reine JS-Methode zum Exportieren von Tabellen nach Excel

Linux-Methodenbeispiel zum Anzeigen aller Informationen des Prozesses

Detaillierte Erklärung der Grundkonzepte von HTML

MySQL-Einstellungscode für die grüne Version und Details zum Fehler 1067

Detaillierte Erläuterung der Architektur und Funktionen von InnoDB (Zusammenfassung der Lesehinweise zur InnoDB-Speicher-Engine)

Reiner CSS3-Code zur Implementierung einer laufenden Uhr

Detaillierte Erläuterung des Lese-Commits der MySQL-Transaktionsisolationsebene

So importieren und exportieren Sie Docker-Images

CSS3 erzielt einen unendlichen Scroll-/Karusselleffekt der Liste

Beispielcode zum Konfigurieren von Nginx zur Unterstützung von https

Erfahrungsaustausch zur MySQL-Slave-Wartung

Vue implementiert den Lupeneffekt beim Tab-Umschalten

Lernprogramm für HTML-Webseitenlisten-Tags

Analyse des Verwendungsbeispiels für den Common Table Expression CTE in mysql8