[解決済み] CSS3のtransformが機能しない

質問

メニューの項目を10度回転させて変形させようとしています。私のCSSはFirefoxで動作しますが、ChromeとSafariで効果を再現することができません。IEはこのCSS3プロパティをサポートしていないので、それは問題ではありません。

以下のCSSを使用しました。

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

どなたか、私がどこで間違っているのかご指摘ください。

ありがとうございます。

解決方法は？

これは、あなたのHTML/CSSの残りの部分を見ることなく、単なる経験則による推測に過ぎません。

を適用していますか？ display: block または display: inline-block から li a ? そうでない場合は、試してみてください。

そうでない場合は、CSS3 の変換ルールを li の代わりに