Webkit ブラウザでの CSS 遷移中にテキスト レンダリングの変更を防ぐにはどうすればよいですか?

CSS トランジション中の Webkit テキストのレンダリング変更の防止

CSS トランジションを使用して要素のスケールを変更すると、Webkit ブラウザの周囲のテキストがわずかにレンダリングされて見えることが観察されます移行中は異なります。この問題は、-webkit-font-smoothing: antialiased が設定されている要素には存在しません。

解決策の 1 つは、-webkit-transform: translationZ(0px) プロパティを使用して親要素にハードウェア アクセラレーションを強制することです。このアクションにより、ハードウェア アクセラレーションが強制的に有効になり、レンダリングの問題が解決される可能性があります。ただし、このハックによりフォントのスムージングが無効になり、フォント、ブラウザ、オペレーティング システムによってはテキストのレンダリング品質が低下する可能性があることに注意してください。

以上がWebkit ブラウザでの CSS 遷移中にテキスト レンダリングの変更を防ぐにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。