Creare un effetto Coverflow con le trasformazioni CSS

Delle nuove caratteristiche della prossima versione di Safari avevano già  parlato qualche tempo fa per i gradienti e le maschere.

Un'altra grande possibilità  che il browser offre nella sua più recente release (la 3.1) sono le trasformazioni CSS, che come indicato sul blog ufficiale Surfin' Safari, permettono di ruotare, scalare, distorcere ed alterare gli elementi unicamente tramite CSS.

Utilizzando quanto appena detto aggiunto ad un pizzico di jQuery UI, Paul Bakaus ha creato una sorta di CoverFlow alla iTunes che potete vedere in azione qui.

L'effetto è molto gradevole, ma ovviamente esiste sempre il fardello della browser compatibility. Se però tutti i browser di nuova generazione implementassero un'interfaccia comune per l'alterazione/applicazione di effetti sugli elementi, otterremmo enormi benefici. Uno su tutti l'uso meno massiccio di Javascript.

Voi che ne pensate?