アニメーション付きのモバイル Web サイトを開発したいのですが、レンダリング (?) の問題があります。
すべての遷移は、次のようなクラスで行われます。
.move{
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0);
-webkit-transition-duration: .25s;
transition-duration': '.25s;
}
ビューポートの外側にある div で問題が発生し、ボタンが押された後にスライドするか、そのようなものです。その div は移動中に描画されますが、最初だけです。後でビューポートの外にスライドして戻ってきた場合、非常に流暢で素晴らしいです。
-webkit-backface-visibility: hidden; のようなcss属性を与えてみました。& -webkit-perspective: 1000; しかし、違いはありませんでした。何か案が?どうも。