2011/07/05

[iPhone] CSSアニメーションがちらつく場合

iPhoneでCSSアニメーションを使う場合、画面がちらついてしまう時がある。

俺の場合は、位置を移動させるtranslateXを-webkit-transitionでアニメーションさせようとした時に起きた。

Androidでは起きない症状。
translateXの指定をtranslate3dに変更することでちらつきはなくなった。

-webkit-transform: translateX(100px);

↓↓↓ 変更 ↓↓↓


-webkit-transform: translate3d(100px, 0px, 0px);


参考
スマートフォン制作のツボ最新を聞いてきた-CSS Nite,LP13

0 件のコメント:

コメントを投稿