Webkit アニメーションが変換遷移の前にちらつくのはなぜですか?

Webkit アニメーションのちらつきトランジション

質問:

一瞬ちらつくのはなぜですかCSS を使用した Webkit 変換アニメーションの前トランジション?

答え:

原因:
このちらつきは、Webkit による回転または移動された要素の裏側の処理が原因で発生します。のトランジション。

解決策:
ちらつきを解消するには、次の CSS 行をトランジションに追加します:

-webkit-backface-visibility: hidden;

この CSS プロパティは裏側を隠します。トランジション中に要素の影響を軽減し、ちらつきが表示されないようにします。

以上がWebkit アニメーションが変換遷移の前にちらつくのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。