Come sovrapporre due immagini in html

da PC Revenge

Questo è un piccolo trick che ho letto QUI , che ci permette di creare uno sfondo usando un immagine su un altra immagine solamente usando due gif , e del semplice codice html con cui riusciremo a creare delle fantasiose animazioni.

Ora vi mostro cosa dobbiamo fare per creare un immagine background con un altra immagine o qualsiasi altro elemento sopra , prendiamo ad esempio queste 2 gif singole:

Ora posizioniamo il ghepardo sopra la gif che si muove creando l’effetto corsa:

Ecco il codice:

<div style="background: transparent url(http://img206.imageshack.us/img206/3540/backgrounddv6.gif) repeat scroll 0% 0%; width: 206px; height: 100px;"><img style="padding-top:10px;padding-left:10px" src="http://img206.imageshack.us/img206/588/tiger5tl8.gif" alt="" /></div>

Lascia un commento

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...