版权声明：本文为博主原创文章，转载请注明出处http://blog.csdn.net/Mr_WEB_Yao https://blog.csdn.net/Mr_WEB_Yao/article/details/61194120
写一个移动端的镜面过光效果的动画时遇到的一个问题，在父元素设置了border-radius属性，在overflow:hidden的时候镜面里的过光效果，没有被裁剪掉，导致应该隐藏的地方溢出，后来发现可能是由于transform的问题，在父元素上加上一行transform-style: preserve-3d;但是没有起作用，因为虽然写在父元素上，但是里面子元素好几个动画所以没有起作用，只能在过光效果外加一个DIV作为他的父元素就可以了，项目中碰到的问题。
我想应该是二维和三维的原因给父元素也添加transform属性应该可以解决这个问题。