1

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)の場合、画面がフリーズし、アニメーションを取得するために「更新」する必要があります。リストされている他のすべてのシナリオで初めて機能します。

誰かアイデアはありますか?

4

1 に答える 1

0

この問題は、現在 WIN XP および Debian Squeeze で利用できるベータ版の chrome (バージョン 23.0.1271.17 ベータ版) で解決されています。

これを整理してくれた Chrome チームに感謝します。

他の人が効果を確認できるように、ミニデモをウェブサイトに 1 週​​間程度残しておきます。

(問題は、上記のより複雑なアニメーションでも解決されます。最新の CSS3/アニメーション技術を使用したい別の Web サイトの開発に取り掛かることができます)

于 2012-10-05T10:53:38.870 に答える