transform: rotateY(360deg);
在使用css3D旋转时,无意中发现了一个问题。rotateY旋转时会影响其他的元素,比如fixed元素,会导致旋转过程中出现在上层的异常效果。猜测其原因是因为3d旋转时z轴的值会变大导致突出出来。
简单的解决方法,给动画元素的父元素加上 overflow:hiden ,限制它的活动范围即可。
transform: rotateY(360deg);
在使用css3D旋转时,无意中发现了一个问题。rotateY旋转时会影响其他的元素,比如fixed元素,会导致旋转过程中出现在上层的异常效果。猜测其原因是因为3d旋转时z轴的值会变大导致突出出来。
简单的解决方法,给动画元素的父元素加上 overflow:hiden ,限制它的活动范围即可。
本文标题:rotateY影响了其他元素
本文链接:https://www.haomeiwen.com/subject/ecjffhtx.html
网友评论