La transformation CSS3 ne fonctionne pas

Question

J'essaie de transformer les éléments de mon menu en les faisant pivoter de 10 degrés. Mon CSS fonctionne dans Firefox mais je n'ai pas réussi à reproduire l'effet dans Chrome et Safari. Je sais qu'IE ne prend pas en charge cette propriété CSS3, donc ce n'est pas un problème.

J'ai utilisé les CSS suivants :

li a {
   -webkit-transform:rotate(10deg);
   -moz-transform:rotate(10deg);
   -o-transform:rotate(10deg); 
}

Quelqu'un peut-il me dire où je fais fausse route ?

Merci.

Answer 1

Cette ligne fonctionne dans firefox, chrome, safari et ne fonctionne pas dans ie 6

li {-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);-o-transform:rotate(10deg);}

Answer 2

-webkit-transform n'est plus nécessaire

ms supportent déjà la rotation ( -ms-transform: rotate(-10deg); )

Essayez ceci :

li a {
   ...

    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -sand-transform: rotate(10deg);
    display: block;
    position: fixed;
    }