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

已采纳回答 / 叶星蓉
<...code...>把原来的transform样式改为火狐的,js的样式要cur.style.MozTransform="rotateX(-90deg)";只修改了一下next(),另外一个自己改O(∩_∩)O哈!

已采纳回答 / 木子舟义
太多地方错了。不列举了。给你代码 Hover效果的 <...code...>

已采纳回答 / 李晓健
那看下你的浏览器是不是不支持css3 的3D 的特效。如果要用到css3的一些属性时,需要注意浏览器的支持,并非所有浏览器都支持最新的CSS3属性,有些浏览器只支持少数css3的属性。

已采纳回答 / 李晓健
#是id选择器,比喻 #bar 只对 id=bar 的标签有效,.是class选择器,比喻 .progress-bar 会对所有有 class="progress-bar" 的标签有效。

已采纳回答 / Y_du
<...code...>box.style.webkitTransform="rotateY("+ldeg+"deg)"; 这里要用=,而不是:。box在这里取到的不是你用获得的对象,所以要写到函数中来。

已采纳回答 / ELxiang
可能是因为你的浏览器兼容问题,3d动画效果支持chrome比较好 ,其他浏览器的效果很多也都是不完全的。

已采纳回答 / anna117
 perspective:800;  perspective-origin:50% 100%;  transform-style:preserve-3d;nextpage.style.transform="rotateX(0deg)";因为兼容性的问题,这些地方要把谷歌内核加上去,要不然没有效果。-webkit-perspective:800;-webkit-perspective-origin:50% 100%;  -webkit-transform-style:preserve-3d;nextpage...

已采纳回答 / 别担心_有我陪着你
检查一下是否有浏览器 兼容性问题

已采纳回答 / Vecchio阿加西
在效果上,这里的0带不带单位都是一样的,都能实现。

已采纳回答 / Katrina_佳
对啊,在那上面就是显示不出来效果的,要在自己的工具里运行才可以有效果哦!

已采纳回答 / C_C92
<...图片...><...图片...>好好检查一下吧,写代码这么不认真。
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消