rotateY影响了其他元素

2020-02-11  本文已影响0人  叫我魏大川

transform: rotateY(360deg);
在使用css3D旋转时,无意中发现了一个问题。rotateY旋转时会影响其他的元素,比如fixed元素,会导致旋转过程中出现在上层的异常效果。猜测其原因是因为3d旋转时z轴的值会变大导致突出出来。

简单的解决方法,给动画元素的父元素加上 overflow:hiden ,限制它的活动范围即可。

上一篇 下一篇

猜你喜欢

热点阅读