ページでいくつかの簡単なトランジション (不透明度によるフェード、背景色の変更、境界線の半径の更新などの基本的なもの) を行っており、アニメーション化している要素とページ上の他の無関係な要素の両方でちらつきが発生しています。一般に、このようなものに対する簡単な修正は、translateZ(0)アニメーション化している要素に追加することですが、Webkit ではこれを行うと、ネストされたすべてのテキストが自動的に に設定されるよう-webkit-font-smoothing: antialiasedです。
-webkit-font-smoothing: antialiasedこれは、ページ全体で頻繁に使用し-webkit-font-smoothing: subpixel-antialiasedて、テキストが可能な限り最高に見えるようにするため、私にとって望ましくない効果です.
を使用することによるこの副作用を回避する方法はありますtranslateZ(0)か? 参考までに、これと同じことが適用時に発生し-webkit-backface-visibility: hiddenます。