Le rotazioni CSS3 possono essere finalmente cross-browser grazie all'adozione da parte di Internet Explorer della proprietà -ms-transform
. Ho appena letto questo interessante post di Samuli Hakoniemi su una soluzione cross-browser per far funzionare le rotazioni anche in Internet Explorer 6. Il post è stato scritto quasi due anni fa e attualmente la versione 6 di Explorer sta letteralmente esalando gli ultimi respiri, quindi usare il file HTC descritto nell'articolo è consigliabile solo nel caso in cui abbiate un pubblico particolarmente vasto o con una percentuale di utenti di IE6 al di sopra del 4 o 5%. Vediamo come scrivere una regola cross-browser che comprenda anche Internet Explorer.
Il codice è molto semplice:
#box {
-moz-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
}
A detta dell'autore dell'articolo la proprietà sopra indicata dovrebbe funzionare dalla versione 7 di Internet Explorer, ma vi consiglio di effettuare come sempre dei test. Il demo di Samuli si trova qui.