Come animare uno sfondo con i CSS

February 26

Come animare uno sfondo con i CSS


Cascading Style Sheets, meglio conosciuti come i CSS, è un linguaggio di web design utilizzato in combinazione con l'HTML per istruire i browser Web come visualizzare una pagina web. È possibile definire molti elementi stilistici diversi all'interno CSS, tra cui un colore o un'immagine di sfondo per l'intera pagina web. Se si desidera che lo sfondo del tuo sito web per essere animato, è possibile utilizzare i CSS per implementare un file GIF come immagine di sfondo.

istruzione

1 Avviare l'applicazione di editing Web e aprire il codice HTML della pagina web che si desidera modificare.

2 Digitare "<style type =" text / css "> <! -" Nella parte superiore del codice HTML per creare un nuovo foglio di stile CSS.

3 Lascia poche righe vuote dopo il tag di partenza CSS, quindi digitare "-> </ style>" nel codice HTML. Questo tag segnerà la fine del foglio di stile CSS.

4 Posizionare il cursore del testo tra i due tag "stile" che avete appena inserito.

5 Tipo "BODY {background-image: URL (http://mysite.com/animation.gif)}" nel codice.

6 Sostituire "http://mysite.com/animation.gif" con l'URL esatto per il file GIF animata che si desidera utilizzare come sfondo.

7 Salvare il codice HTML, e caricarlo sul server Web attivo. Il file GIF animato specificato sarà ora utilizzato come sfondo per la vostra pagina web.