                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS3+JS 实现超炫的散列画廊特效

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

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

微风灬唐唐

2017-12-12

源自：CSS3+JS 实现超炫的散列画廊特效 2-3

关注问题我要回答

4148

操作

收起

3 回答

DGua 回答被采纳 +2 积分
2018-03-26

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

1 回复有任何疑惑可以回复我~

收起回答

微风灬唐唐提问者

非常感谢！

2018-04-09 回复有任何疑惑可以回复我~

DGua
2018-03-26

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

0 回复有任何疑惑可以回复我~

收起回答

AnnaHuangPro
2018-02-07

我看了一下确实是会覆盖

1 回复有任何疑惑可以回复我~

收起回答

微风灬唐唐提问者

2333

2018-03-05 回复有任何疑惑可以回复我~

AnnaHuangPro 回复微风灬唐唐提问者

过了这么久我突然把代码拿出来看了一下我把代码：-webkit-backface-visibility:hidden;给注释了的发现在firefox上翻转到背后的图片显示了出来并不会被隐藏所以得要多注意浏览器的兼容问题

2018-05-03 回复有任何疑惑可以回复我~

微风灬唐唐提问者回复 AnnaHuangPro

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

2018-05-07 回复有任何疑惑可以回复我~

0/150

提交

取消

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

参与学习 46090 人
解答问题 215 个

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

进入课程

本课相似问答

2 回答-webkit-transform:rotateY(180deg);

2 回答photo-wrap ROTATEY(180deg) 后side-bac元素不能显示，只能显示side-front的反面啊

2 回答随机数有一点问题的

1 回答关于data文件里的数据分割和替换问题

5 回答splice的问题

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

3 回答

本课相似问答

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