Chrome でオーバーフロー: 非表示と境界半径を使用して変換スケールのオーバーフローを防ぐ方法

Chrome での Transform Scale Overflow

CSS3 で、子要素に Transform: Scale を適用してズーム効果を適用すると、問題が発生する可能性があります親 div に overflow: hidden があり、border-radius が適用されている場合。これにより、子要素が親 div の境界を越えて拡張される可能性があります。この問題を解決するには、transform: translationZ(0) をラッパー要素に追加してみてください。この手法は CSS のパフォーマンスに役立ち、この場合、子要素が親 div からオーバーフローするのを防ぐことができます。 translateZ(0) の詳細については、推奨リンクを参照してください。

以上がChrome でオーバーフロー: 非表示と境界半径を使用して変換スケールのオーバーフローを防ぐ方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。