HTML5 - Animazione con CSS3

Tra le funzionalita' piu' interessanti del CSS3 vi sono le animazioni.
La definizione di un'animazione e' composta dall'attributo animation che definisce il tipo di animazione, la durata, la distribuzione e le ripetizioni e dal @keyframes che definisce il punto di partenza, gli eventuali punti intermedi e di fine dell'animazione.
Ecco qualche esempio:

• Esempio di partenza con sintassi CSS2
  
• Animazione CSS3: movimento
  
• Animazione CSS3: opacita'
  
• Animazione CSS3: trasformazioni 3D (rotazione)
  
• Animazione CSS3: tutto assieme!
  

Sulle altre funzionalita' del CSS3 vedete questa pagina!

Sono nuove funzionalita' dell'HTML5/CSS3 che saranno supportate nativamente da ogni browser. Per sapere come si fa... visualizza il sorgente della pagina!

Titolo: HTML5 - Animazione con CSS3
Livello: Medio (2/5)
Data: 1 Aprile 2012
Versione: 1.0.1 - 1 Maggio 2012
Autore: mail [AT] meo.bogliolo.name