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

来源:2-3 3D效果编写

微风灬唐唐

2017-12-12 16:07

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


写回答 关注

3回答

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

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

    微风灬唐唐

    非常感谢!

    2018-04-09 13:53:17

    共 1 条回复 >

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

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

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

    我看了一下 确实是会覆盖

    微风灬唐唐 回复AnnaHu...

    哈哈,居然还复习代码了,点赞

    2018-05-07 08:52:36

    共 3 条回复 >

CSS3+JS 实现超炫的散列画廊特效

实现更自由的切换照片的画廊效果,打造超酷的切换动画

46091 学习 · 215 问题

查看课程

相似问题