为了账号安全,请及时绑定邮箱和手机立即绑定
播不出来,
悲催,第二个往前翻的出不来
过度模式可以自定义的
太简单,多写几遍就会了
视频代码太模糊了,超清的也都看的不清楚,有点难受
好!!!!!!!!!!
讲的很好,很认真!赞(≧▽≦)
~\(≧▽≦)/~
赞~\(≧▽≦)/~
字好小,清晰度不行啊
找到问题了,写错了,应该是-webkit-transform-origin
翻页的时候,明明是写的-webkit-perspective-origin: bottom;但是没有用,还是在对半的位置翻页,没有实现底部翻
很遗憾,我的代码照着写的,chrome下能翻页但是没有3d翻页的效果。检查后发现是因为transition监听不到transform的变化,所以去掉对transform的监听改为默认全部监听就好了,改的部分代码如下: -webkit-transition: 1s linear;
-moz-transition: 1s linear;
-ms-transition: 1s linear;
-o-transition: 1s linear;
transition: 1s linear;
transform-style:preserve-3d;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
-ms-transform-style:preserve-3d;
-o-transform-style:preserve-3d;

字数太多复制不过来,把只要是-webkit的都改成这样就行。
老师的只是加了 webkit 所以只在谷歌上有效果,我们其实要 -webkit-tansfrom -moz-transfrom -ms-transfrom -o-transfrom transfrom 这样有不加的 有加全的,这样就可以兼容了。
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消