Webkit-transform トランジションがちらつくのはなぜですか? どうすれば修正できますか?

webkit-transform トランジションのちらつきをなくす

webkit-transform を使用して目的のアニメーション効果を実現したにもかかわらず、トランジションの直前に短いちらつきが発生します。遷移。この記事では、この問題の原因を調査し、ちらつきを軽減する解決策を提供します。

webkit-transform プロパティの変更に使用した JavaScript は正しいようです。ただし、解決策は CSS 宣言の側面に対処することにあります。

関連するディスカッション スレッドで述べたように、影響を受ける要素に次の CSS プロパティを追加すると、ちらつきが解決されます:

-webkit-backface-visibility: hidden;

このプロパティは、トランジション中に要素の背面をレンダリングしないようにブラウザーに指示し、要素の位置の突然の変更によって引き起こされるちらつきを防ぎます。

以上がWebkit-transform トランジションがちらつくのはなぜですか? どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。