Michela Chiucini web designer – creazione siti web

Web design is love

Una gita in mongolfiera con le animazioni CSS3 e z-index

sky-coverLe nuove tecnologie CSS3 e HTML5 sono una cosa meravigliosa perchè ci permetteranno di realizzare siti più leggeri e semantici.
Una novità importante è la possibilità di creare delle animazioni con i soli css, senza bisogno di Flash o Javascript.
Ho avuto modo di approfondire l’argomento in un lavoro che sto realizzando e devo dire che la cosa è molto interessante.

In rete si trovano diversi esempi, ma ancora molto poco che spieghi nel dettaglio i vari passaggi per creare questo tipo di animazioni.
Così ho deciso di scrivere un breve tutorial su come simulare il volo di una mongolfiera in un cielo.

La demo funzionante si trova qui, ma attenzione che può essere vista per il momento solo con browser webkit (Chrome o Safari) .

L’articolo completo col tutorial invece si trova a questo indirizzo

  1. Ciao Michela,
    Bellissimo il tuo sito. E’ davvero emozionante averlo scoperto. Per caso stavo cercando informazione su queste nuove tecnologie e ho trovato te, tra migliaia di pagine sul sito w3c sites. Niente, ero semplicemente alla ricerca di uno stile vintage e mi sono piaciuti un sacco i tuoi disegni.
    Pian piano sto cercando di imparare qualcosina di questo mestier.
    Tanti saluti,
    Patricia.

    Patricia — 31 maggio 2010 @ 18:01

  2. Che dire… fantastico!

    Michele — 26 maggio 2011 @ 00:44

Lascia un commento