Rotazione immagine di sfondo con css

Angel0 · 21 Mar 2010

Ciao a tutti,
come posso impostare l'angolo di rotazione dell' immagine di sfondo con css?
grazie a tutti

softhare · 21 Mar 2010

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).

Angel0 · 21 Mar 2010

Se faccio cosi:
body {
background-image: url(lxxx.gif);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
filter: progidXImageTransform.Microsoft.BasicImage(rotation=3);
background-repeat: no-repeat;
}

non funziona! Devo aggiungere qualcosa?

Grazie

softhare · 21 Mar 2010

Come dicevo, funziona solo per le immagini.
E'fuori discussione usarlo per il BODY!

Rotazione immagine di sfondo con css

Angel0

Nuovo Utente

softhare

Utente Attivo

Angel0

Nuovo Utente

softhare

Utente Attivo

Discussioni simili

Rotazione immagine di sfondo con css

Angel0

Nuovo Utente

softhare

Utente Attivo

Angel0

Nuovo Utente

softhare

Utente Attivo

Discussioni simili

Privacy & Transparency

Privacy & Transparency