Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

Trasformazioni CSS cross-browser con cssSandpaper

Link copiato negli appunti

Mentre Microsoft espone sul blog di IE i dettagli implementativi della proprietà  border-radius su IE9 e veniamo a sapere che ci sono buone probabilità  di vedere presto sul browser di Microsoft l'elemento canvas, c'è da rilevare come per parecchie funzionalità  nuove e sperimentali dei CSS3 non sia al momento previsto alcun supporto.

Si sa che volendo sfruttare in maniera cross-browser e sin da ora talune di queste proprietà  possiamo affidarci a Javascript, magari appoggiandoci a script e plugin basati sui principali framework. Un esperimento interessante è questo cssSandpaper creato da Zoltan Hawryluk.

Lo script consente di ottenere gli effetti resi possibili dalle trasformazioni CSS anche su IE (le trasformazioni sono da tempo supportate su Safari, Chrome e Firefox, più recentemente, dalla versione 10.50, su Opera). Ecco uno dei tanti esempi proposti.

L'aspetto interessante dello script (ancora in versione beta) è che consente di definire il codice per le trasformazioni direttamente nel CSS, seguendo le regole definite nella specifica. Sarà  sufficiente far precedere il nome della proprietà  dal prefisso -sand-:

La parte Javascript si esaurisce infatti nella semplice inclusione nella sezione head

Oltre che per ottenere effetti di trasformazione, cssSandpaper può essere usato per creare su IE box ombreggiati box-shadow gradienti

Ti consigliamo anche