美文网首页
rotateY影响了其他元素

rotateY影响了其他元素

作者: 叫我魏大川 | 来源:发表于2020-02-11 21:19 被阅读0次

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

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

    相关文章

      网友评论

          本文标题:rotateY影响了其他元素

          本文链接:https://www.haomeiwen.com/subject/ecjffhtx.html