transform-style: preserve-3d在iphone下的bug

当元素设置transform-style: preserve-3d;后,rotateY transition 在safari上有bug。

 当前动画的元素,在其上有元素覆盖它时,或在其下有元素被它覆盖时,会出现穿透上层的覆盖图层。

建议向动画元素添加:transform: translateZ(-1000px);

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS3 3D 转换 三维变换使用基于二维变换的相同属性,如果您熟悉二维变换,你们发现3D变形的功能和2D变换的功...
    videring阅读 3,772评论 0 0
  • 第一部分:变形介绍 自层叠样式表诞生以来,元素始终是矩形的,而且只能沿着横轴和纵轴放置。有些技巧能让元素看起来是倾...
    侠客有情剑无情QAQ阅读 5,480评论 0 17
  • CSS里transform变形这个属性有点学习难度,尤其在CSS3里加上了3D效果之后,2维变3维学习成本更是成倍...
    张歆琳阅读 28,294评论 5 81
  • 一、写在前面的秋裤 早在去年的去年,我就大肆介绍了2D transform相关内容。看过海贼王的都知道,带D的家伙...
    MrZengB阅读 5,147评论 2 9
  • 今日学习内容:2D转换之位移、旋转(包括旋转原点的设置)、缩放、倾斜;3D转换之位移、旋转、缩放、倾斜。 ...
    CNLISIYIII阅读 5,123评论 0 2

友情链接更多精彩内容