为了账号安全,请及时绑定邮箱和手机立即绑定

最新回答 / 裸奔的萝卜丝
谷歌浏览器中会出现,书写css时,把 transform-style: preserve-3d; 放到 page的上一个父元素的样式中就好了,也就是视频中的 #pagegroup,这个问题火狐不会出现。

最新回答 / i_believe_hjf
IE浏览器     -ms-transitionSafari and Chrome浏览器   -webkit-transition

最新回答 / Connor_Egern
#d01{        margin:0 auto;       width: 500px;       height: 500px;       text-align: center;       font-weight: 900;       font-size: 100px;       -webkit-transform-style:preserve-3d;       -webkit-perspective:800px; /* Safari 和 Chrome */       -webkit-...

最新回答 / 柏龙博客
#page1到6需要添加class="page" 80 行 90行 少引号<...code...>

最新回答 / 不成大触不可熟睡
我来说说为什么会这样吧,因为人们看屏幕习惯从上往下看而不是从下往上看,y轴向下更便于处理好各个块的位置,而且在面对层叠的布局时z轴面向人,值越大的在上面,挺方便的

最新回答 / wayTG
仔细检查是不是哪里代码的大小写没注意

最赞回答 / qq_策马奔腾_0
已经解决了 看了下面的其他人的提问,触发的方法不同,改成onmousemove就可以了

最新回答 / Bincker
你复制page的时候id没改,而且前缀webkit写成了wibkit,6在前面是因为2-6没有做旋转操作(也就是webkit写错的问题)

最新回答 / qq_策马奔腾_0
一开始除了page1其他的page的rotate()都设置为rotateX(90deg)
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消