ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS トランジションにより Chrome で画像がぼやけたり動いたりするのはなぜですか?
Chrome で画像のぼやけや動きを引き起こす CSS トランジション効果?
Chrome で画像のぼやけや動きを引き起こす CSS トランジション効果の問題は、以下の可能性があります。特定の要素を操作するときの CSS トランジションの制限に起因するcontexts.
問題
動き (変換) を伴う要素にトランジションを適用すると、次のような望ましくない副作用が発生する可能性があります。
この問題は、ページにスクロールバーがある場合にさらに顕著になり、影響を受ける要素のインスタンスが複数存在する場合に特に顕著です。
解決策
この問題を軽減するには、影響を受けるコンポーネントに次の CSS プロパティを適用できます。 element:
-webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1);
説明
追加注
backface-visibility: hidden; transform: translateZ(0) scale(1, 1);
以上がCSS トランジションにより Chrome で画像がぼやけたり動いたりするのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。