Mengapa Adakah `transform: scale` Limpahan dalam Chrome dengan `overflow: hidden` dan `border-radius`?

Isu Limpahan dengan Transformasi: Skala dalam Chrome

Masalah:

Semasa cuba mencipta kesan zum menggunakan CSS transform: skala, didapati bahawa div anak melangkaui sempadan div induk apabila limpahan: tersembunyi dan jejari sempadan digunakan pada induk. Isu ini berterusan walaupun apabila peralihan telah ditambahkan.

Penyelesaian:

Menambahkan transformasi: translateZ(0); kepada elemen pembungkus menyelesaikan masalah itu. Seperti yang diperincikan dalam demo yang disediakan, teknik ini memanipulasi dimensi ketiga (paksi-Z) untuk meningkatkan prestasi dan mengatasi masalah limpahan.

Atas ialah kandungan terperinci Mengapa Adakah `transform: scale` Limpahan dalam Chrome dengan `overflow: hidden` dan `border-radius`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!