Rotazione immagine di sfondo con css

  • Creatore Discussione Creatore Discussione Angel0
  • Data di inizio Data di inizio
Puoi usare questa sintassi, che dovrebbe soddisfare mozilla, safari ed IE:

Codice:
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
Chiaramente devi cambiare -90 nella misura in gradi della rotazione (solo di 90 in 90 se non vuoi sorprese) per non IE.
Per IE puoi solo usare un indice sa 0 a 3 per la rotazione di 90 in 90 gradi.

Questo funziona per le immagini, ma si comporta in modo imprevedibile per altri elementi (div, A, etc).
 
Se faccio cosi:
body {
background-image: url(lxxx.gif);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
background-repeat: no-repeat;
}

non funziona! Devo aggiungere qualcosa?

Grazie
 

Discussioni simili