また、特にiPadを対象とし、HTML5/CSS3を使用するWebアプリを開発しています。私は反対の経験をしました-iPad1でも、アニメーションがいかにスムーズであるかに驚いています-Michael Mullanyは正しいです-ほとんどの2D変換はGPUアクセラレーションを取得しません-必ずtransform3dまたはtranformZ(0)を使用してください。
iPad 2では、アニメーションはほぼ完璧です。優れたネイティブアプリと同じくらい優れています。
もちろん、それはあなたがアニメートしているものに依存します。
私の場合、これは「カルーセル」であり、各パネルに少数のフォーム要素が含まれています。(ただし、変換は単純な左/右のアニメーションです)。
まだご覧になっていない場合は、このテーマに関する2つの壮大な(IMO)トークをご覧ください。
ポールアイリッシュ: http: //paulirish.com/2011/dom-html5-css3-performance
Alex Russel:http ://dayofjs.com/videos/22158462/web-browsers_alex-russel
私が見たところ、CSS3アニメーションは非常に簡単に間違って(または不十分に)実行され、パフォーマンスが低下します。しかし、いくつかの調整を加えると、それはかなり素晴らしいようです。
また、コンテンツと非正統的なUIについてどう思うかを言いますが、iPadでhttp://stuffwhitepeoplelike.com/を試してください。iPadでうまく動作し、iPad 2でうまく動作する、リッチでスムーズで複雑なアニメーションがたくさんあります(もちろん、両方でかなりぎくしゃくしたアニメーションもあるので、それらを使用することがどれほど重要かを示しています賢明に...)
幸運を!