CSS3アニメーションは、WIN7 WINXPUbuntu12.04およびDebianSqueezeのOperaFirefoxおよびSafariで正常に機能します。Chromeの場合、WIN 7(Chrome 21.1.1180.89m)およびUbuntu12.04では問題ありません。(21.1.1180.89)ただし、WINXPとDebian Squeezeでは同じバージョンを使用していません)。
簡単な例が含まれているデモサイトhttp://www.hiddenwell.org.ukを参照してください(ソースを表示するとコードが表示されます)。
目的は、与えられた単語にカーソルを合わせたときに、1つの文を移動する(そしてもう1つの文を回転させる)ことです。Win XPとDebianでは、初めて「ホバー」すると(何も起こりません)、2回目の「ホバー」でアニメーションがアクティブになります。その後、問題が再び発生したときにキャッシュが更新されるまで、すべて問題ありません。リストされている他のブラウザと、WIN7およびUbuntuを使用している場合のChromeを使用すると、最初はすべて正常に動作します。
同じ状況は、ページの読み込みから始まる別のより複雑なアニメーションでも発生します。ここでは、@keyframes関数を使用してアニメーションを駆動します。この例では、Chrome(WIN XPおよびDebian)の場合、画面がフリーズし、アニメーションを取得するために「更新」する必要があります。リストされている他のすべてのシナリオで初めて機能します。
誰かアイデアはありますか?