アンチエイリアスを防止しながらCSS3のホバー遷移をスムージングする

Question

previous question私は、要素が上がったときにCSS3の遷移を使って要素を回転させることによって引き起こされるアンチエイリアスを修正する方法を考え出しました。しかし、その修正により移行が変更されました。修正前は、最初から最後までスムーズに移行しました。修正以来、移行は非常に堅牢になっています。 （アンチエイリアスの修正の前に、Firefoxを使用しているときに移行がスムーズではなく、SafariまたはChromeを使用していたことに気付く価値があります）。

ここは元々使用していたコードです。あなたはクロームまたはSafariである場合は、ボックスにカーソルを合わせると移行注：

http://jsfiddle.net/CRc9d/

そしてここでは、アンチエイリアシングの修正とコードです：

http://jsfiddle.net/JMgxC/

がありますアンチエイリアス修正を保持するように第2のコードを調整する方法も、よりクリーンな移行を提供しますか？

Answer 1

これは私が以前に遭遇したトランジションの問題と似ています。 divを左から右に動かすと、私は滑らかではありませんでした。解決策は、3つのCSS状態すべてに左の値（0px、300px、300px）があることを確認することでした。その時点から、Firefox、Chrome、Safari、Operaの移行はスムーズでした。あなたの場合、あなたが試みている移行の初期値を指定したいかもしれません。 -webkitため

Answer 2

使用

-moz-transition-property:-moz-transform; 

代わりの

-moz-transition-property:rotate; 

同上。