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:

Magia? No è solo grazie a questo 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>

Ora sbizzarritevi nelle vostre pagine

TI potrebbe anche interessare: