2012-02-02 12 views
0

私は、HTML5のアニメーションサポートの周りに断片化があることに気付きました。私はこれを試して解決する何かがあるのか​​どうか疑問に思っていただけです。このデモここで例えば標準HTML5アニメーション

http://www.webkit.org/blog-files/3d-transforms/transform-style.html 

指定したWebKitに固有の変換します。つまり、Chrome、Android(ストックブラウザを使用)、iOS(ストックブラウザも使用可能)で動作します。

それはIE、Firefoxの、オペラ・モバイルでは動作しない、など

また、私は私のAndroid 2.3.5はそのデモに正しくアニメーションが表示されないことに注意してください。

Firefoxも独自のアニメーションをリリースしました。

私のアプリケーションにはかなりのアニメーションがある銀色の背景から来ました。私はHTML5に移行したいが、これは問題となる可能性がある。

答えて

1

申し訳ありませんが、html5/css3ではすべてがまだ非常に流動的です。ブラウザは、できるだけ早く機能を実装して、できるだけ涼しいものにする。標準が変更されても既存のスクリプトの機能を維持するために、ある時点でブラウザの接頭辞を追加し始めました。

今のところ、アニメーション用に複数の定義を使用する必要があります(IE9用にいくつかのJSフォールバックを含める必要があります)

サポートされる機能のスナップショットCanIUse.comをチェックアウト:http://caniuse.com/transforms2dともちょっと良いハードウェアアクセラレーションバージョンhttp://caniuse.com/transforms3d このリソースです:http://www.css3files.com/transform/

あなたは5つの接頭辞定義は、新しいブラウザの後、標準画質を含む場合その代わりにそれを使用します...それ以外に:あなたがファンシーなCSS機能を使用しようとするとグーグルを「クロスブラウザ」と呼んでいることを暗示してください。そして、あなたが心から気づくまで、あなたは頑張ってくれたまともなジェネレータへのリンクを得るべきです。