Gewusst wie: Animieren Sie einen Hintergrund mit CSS

Cascading Stylesheets, besser bekannt als CSS ist eine Web-Design-Sprache verwendet in Verbindung mit HTML, Web-Browser anweisen, wie Sie eine Webseite anzeigen. Sie können viele verschiedene Stilelemente in CSS, einschließlich eine Hintergrundfarbe oder ein Bild für die gesamte Webseite definieren. Wenn Sie den Hintergrund Ihrer Website zu animiert werden wollen, können Sie CSS, eine GIF-Datei als Hintergrundbild zu implementieren.

Anweisungen

1 Starten Sie Ihren Web-Anwendung, und öffnen Sie den HTML-Code für die Webseite, die Sie ändern möchten.

2 Typ "< STYLE Type =" Text/Css"><!--" an der Spitze des HTML-Codes um ein neues CSS-Stylesheet zu erstellen.

3 Hinterlassen Sie ein paar Leerzeilen nach der beginnenden CSS-Tag, dann Typ "--> < / STYLE >" in den HTML-Code. Dieser Tag wird zum Jahresende das CSS-Stylesheet markieren.

4 Setzen Sie den Textcursor zwischen den beiden "STYLE"-Tags, die Sie gerade eingegeben haben.

5 Typ "BODY {Background-Image: URL (http://mysite.com/animation.gif)}" in den Code.

6 Ersetzen Sie "http://mysite.com/animation.gif" mit der genauen URL für die animierte GIF-Datei, die Sie als Hintergrund verwenden möchten.

7 Speichern Sie den HTML-Code, und laden Sie sie auf Ihrem aktiven Web-Server. Die animierte GIF-Datei, die Sie angegeben wird nun als Hintergrund für Ihre Webseite verwendet werden.