Hvordan animere en bakgrunn med CSS

Cascading Style Sheets, bedre kjent som CSS, er en web-design språk som brukes i forbindelse med HTML for å instruere nettlesere hvordan du viser en webside. Du kan definere mange ulike stilelementer i CSS, inkludert en bakgrunnsfarge eller bilde for hele nettsiden. Hvis du vil at bakgrunnen på nettstedet ditt for å være animert, kan du bruke CSS til å gjennomføre en GIF-fil som bakgrunnsbilde.

Bruksanvisning

1 Start nettprogram, og åpne HTML-koden for websiden du ønsker å endre.

2 Type "<style type =" text / css "> <! -" På toppen av HTML-kode for å opprette en ny CSS-stilark.

3 La noen tomme linjer etter start CSS koden, skriv "-> </ style>" i HTML-koden. Denne koden vil markere slutten på CSS stilark.

4 Plasser tekstmarkøren i mellom de to "stil" koder du nettopp la inn.

5 Type "BODY {background-image: URL (http://mysite.com/animation.gif)}" i koden.

6 Erstatt "http://mysite.com/animation.gif" med den nøyaktige nettadressen for den animerte GIF-fil som du ønsker å bruke som bakgrunn.

7 Lagre HTML-kode, og laste det opp til aktiv webserver. Den animerte GIF-fil du har angitt vil nå bli brukt som bakgrunn for websiden din.