Animazioni CSS per Webkit
Venerdì 2 Novembre 2007 - 11:50
di Gianluca Brindisi
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.
Commenti
1
Domanda: è una feature sviluppata seguendo le necessità e i suggerimenti dell’intera comunità di utenti web e la filosofia del W3C o è un’ulteriore inutile soluzione proprietaria?
2
Se non ho capito male si tratta di funzionalità previste anche dai CCS3, ma in questo caso si tratta di un’implementazione proprietaria. Un po’ come le istruzioni che servono a gestire l’opacità di un oggetto.
# - postato da Luca - 02 Novembre 2007 - 14:44
3
peccato, un passo avanti e tre indietro…
# - postato da simone - 05 Novembre 2007 - 10:02