1. 程式人生 > >transform導致的border-radius,overflow:hidden失效問題

transform導致的border-radius,overflow:hidden失效問題

寫一個移動端的鏡面過光效果的動畫時遇到的一個問題,在父元素設定了border-radius屬性,在overflow:hidden的時候鏡面裡的過光效果,沒有被裁剪掉,導致應該隱藏的地方溢位,後來發現可能是由於transform的問題,在父元素上加上一行transform-style: preserve-3d;但是沒有起作用,因為雖然寫在父元素上,但是裡面子元素好幾個動畫所以沒有起作用,只能在過光效果外加一個DIV作為他的父元素就可以了,專案中碰到的問題。

我想應該是二維和三維的原因給父元素也新增transform屬性應該可以解決這個問題。