Animazioni CSS per Webkit

Dopo le trasformazioni della settimana scorsa, David Hyatt ci presenta sul blog Surfin' Safari le animazioni CSS.

Queste nuove implementazioni proprietarie ci permettono di introdurre effetti di animazione tramite i CSS. Nel post citato è stato presentato solo il tipo più semplice: la transizione.

Attraverso questo nuovo strumento si può applicare un' animazione ad un elemento al variare del valore di una delle sue proprietà  (ad esempio in seguito ad un hover).

La transizione è controllata da tre proprietà : transition-property serve per indicare a quale proprietà  applicare l'animazione, transition-duration per definire la durata dell'effetto, ed infine transition-timing-function che serve in pratica per definire il tipo di transizione. La generica transition è una forma abbreviata per le tre precedenti.

Il post è correlato da esempi funzionanti, ma dovrete avere l'ultima nightly build di Webkit per poterli visualizzare.