css - CSS トランジション (翻訳) ちらつき

Question

私は両方を試しました

-webkit-backface-visibility: hidden;

と

-webkit-perspective: 1000;

トランジションが発生したときに発生するちらつきを解決しますが、何も機能しません。この問題を解決する他の方法はありますか?

Answer 1

これはかなり非科学的ですが、追加してみてください-webkit-transform: translate3d(0, 0, 0);

違いはありません (0,0,0 の変換は結局「何もしない」ことを意味します)。将来的にはおそらく違いはありませんが、3D アクセラレーションを強制的に使用できるようにする場合があります。アニメーションとトランジションを滑らかにします。サファリでひどくちらつくアニメーションをうまく整理できることがわかりました。（そして、iPadのサファリでは本当に、本当に恐ろしくちらつきます）。

これはちょっと 1990 年代の魔法の言葉を Web ページに追加したようなものですが、うまくいくこともあります。