问答详情
源自:2-3 3D效果编写

有关transform:rotateY(180deg)的问题

在chrome和edge下,输入这串代码后,side-font会自动遮盖,side-back呀?有人和我是一样的情况吗?这样的会不就用不着backface这个代码了吗?


提问者:微风灬唐唐 2017-12-12 16:07

个回答

  • DGua
    2018-03-26 19:29:26
    已采纳

    刚才又试了一下其他浏览器,发现如果用IE浏览器的话,效果和老师视频里的效果是一样的。side-back会以翻转了180度的姿态覆盖在side-front上。但是在chrome下就是我们遇到问题的样子。背后的机制是什么我讲不出来,但是可以肯定你我的代码没问题,是浏览器内核渲染时候的差别问题。

  • DGua
    2018-03-26 19:21:19

    我也是这个问题,还以为自己打错了。直接翻转180度的side-back就跑到side-front下面去了

  • AnnaHuangPro
    2018-02-07 16:53:24

    我看了一下 确实是会覆盖