Generare animazioni CSS 3 online

Come sappiamo, la nuova specifica CSS (versione 3) è in grado di effettuare animazioni nelle pagine web senza l'aiuto di Flash o Javascript.

Questo rende molto più veloce le pagine e più facili da gestire anche lato codice (CSS è più semplice da imparare, soprattu rispetto a Flash).

Bene, se dobbiamo creare parecchie animazioni o animazioni particolari, ma non vogliamo perdere troppo tempo possiamo provare questo tool online: CSS3 Keyframes Animation Generator.

Il servizio è totalmente gratuito, e abbastanza semplice da usare.

Abbiamo un piano di lavoro al centro, a destra alcuni strumenti punta e clicca e sotto il codice CSS generato automaticamente.

Susbito sotto al piano di lavoro abbiamo anche la Timeline per gestire ogni singolo frame dell'animazione, o semplicemente per testarla.

Se vogliamo possiamo cliccare su Demos per provare alcuni effetti preimpostati.

In questo modo possiamo modificarne uno senza partire da zero.

E' un'ottima opzione soprattutto per chi non hai mai usato le animazioni con CSS 3.

Considerate sempre la compatibilità con i browser, che in teoria dovrebbe essere granatita di default; ma fare un test in più è sempre melgio.

Enjoy!