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

已采纳回答 / L路_ZR
perspective:800px;perspective-origin:center 400px;视点不对

已采纳回答 / 迷途的马尔斯
因为transform-style属性是设置子元素是否呈现3D效果,实际发生旋转的是page,page在pagegroup里面,所以要设置在pagegroup中啦

已采纳回答 / 乱舞的旋律
我觉得给骰子加border线  然后换了颜色 很有立体感觉啊  话说这个效果好棒

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

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

最赞回答 / 李晓健
如果我在写这些加后缀的属性就会这么写,最后会放一行不加的。因为浏览器如果遇到不认识的属性会直接忽略。老师说的加可能是他在讲这个的时候,浏览器还不支持不加前缀的,但是现在更新就支持了。如果需要加前缀的话,不同的浏览器加的前缀也不一样。<...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...
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消