Heim >Web-Frontend >CSS-Tutorial >Ein Beileid, das man nicht vergessen kann: Tutorial zum Ändern des Hintergrunds einer Webseite in Schwarzweiß

Ein Beileid, das man nicht vergessen kann: Tutorial zum Ändern des Hintergrunds einer Webseite in Schwarzweiß

青灯夜游
青灯夜游Original
2020-04-04 11:28:224485Durchsuche

Unvergessliches Beileid: Um den Menschen, die bei dieser großen Epidemie gestorben sind, ihr Beileid auszudrücken, hat die chinesische PHP-Website die gesamte Website in Schwarzweiß geändert, um den Verstorbenen ihr Beileid auszudrücken.

Der Code wird mit allen unten geteilt:

Schwarz-weißer CSS-Code

html{
  -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%);
 filter: gray; 
}

Es ist ganz einfach, fügen Sie einfach ein Stück Code hinzu.

Tutorial:

Dieser Code kann die Webseite in Schwarzweiß umwandeln. Fügen Sie den Code oben im CSS hinzu, um die gesamte Website schlicht zu gestalten.

Ein Beileid, das man nicht vergessen kann: Tutorial zum Ändern des Hintergrunds einer Webseite in Schwarzweiß

Schwarz-Weiß-Rendering nach dem Hinzufügen:

Ein Beileid, das man nicht vergessen kann: Tutorial zum Ändern des Hintergrunds einer Webseite in Schwarzweiß

Das obige ist der detaillierte Inhalt vonEin Beileid, das man nicht vergessen kann: Tutorial zum Ändern des Hintergrunds einer Webseite in Schwarzweiß. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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