CSS3 トランジションを使用していくつかのアニメーションを作成しましたが、デスクトップ ブラウザーでは問題なく動作しますが、iPad で使用しようとすると、アニメーションが完了した後に奇妙なちらつきが発生します。例へのリンクは次のとおりです。
http://codepen.io/EugeneGordin/full/LFBkn
私はすでにbackface-visibility と translate3d を適用しましたが、それらは役に立ちましたが、ちらつきは解消されませんでした。z-index と display: none への参照も削除したので、さらに調査する必要はありません。
translate3d で約 15 の div をアニメーション化しており、他のいくつかを不透明度でアニメーション化しているので、ハードウェアが処理できる限界を押し上げているような気がしません。FWIW、micrososft サーフェスでテストしたところ、アニメーションは滑らかに見えます。
助けていただければ幸いです！