[解決済み] webkit-transformの移行時のちらつきを防止する [重複]。

質問

重複の可能性があります。

iphone webkit css アニメーションがちらつきを発生させる

webkit-transformプロパティのアニメーションが発生する直前に、なぜか少しチラツキが発生します。 以下は、私が行っていることです。

CSSを使用します。

#element {
    -webkit-transition: -webkit-transform 500ms;
}

JavaScriptです。

$("#element").css("-webkit-transform", "translateX(" + value + "px)");

トランジションが行われる直前に、ちらつきが発生します。 これはなぜでしょうか。また、この問題を解決する方法はありますか？

ありがとうございます。

更新しました。 はSafariでのみ発生します。Chromeではアニメーションは動きますが、発生しません。

解決するには？

解決方法は、こちらに記載しています。 iPhone WebKit CSS アニメーションでちらつきが発生する .

あなたの要素には

-webkit-backface-visibility: hidden;