Trasformazioni CSS con CSS3 Action Framework

Oggi il numero di browser che supporta CSS3 è in crescita, ed in molti casi può essere utilizzato come sostituzione di Javascript, contribuendo a una migliore esperienza di navigazione. CSS3 Action Framework ha lo scopo di radunare tutti i migliori effetti CSS3.

La libreria si basa su azioni dell'utente attraverso le pseudo-classi :hover, :active e :target, e consente di ottenere gli effetti resi possibili dalle funzioni di trasformazioni CSS3.

L'aspetto interessante della libreria è che consente di definire il codice per le trasformazioni direttamente sui tag: seguendo le regole definite nel foglio di stile della libreria, sarà  sufficiente associare come classe l'effetto desiderato.

Per eseguire gli effetti su un elemento HTML al passaggio o al click del mouse:

<div class="h-scale a-rotate">Contenuto</div>

L'azione :target è possibile attraverso le ancore href="#a1" e id="a1":

<a href="#a1">Attiva effetto</a>
<img id="a1" class="t-scale" src="" />

Purtroppo al momento il codice funzionerà  solo sulle ultime versioni di Firefox, Chrome, Safari e Opera, aspettando che Internet Explorer supporti a pieno CSS3.

Questo progetto può essere un buon inizio per aggiungere ulteriori funzionalità , nuovi eventi, nuove caratteristiche per supportare tutti i browser e avere in futuro una propria libreria CSS3 da utilizzare nei lavori. Secondo voi può essere di buon uso oppure preferite riscrivere ogni volta le regole supportate da ogni browser?