为了账号安全,请及时绑定邮箱和手机立即绑定
建议把调用改成onmousemove 更直观一点

<input type="range" min="-360" max="360" id="rotatex" value="0" class="range-control" onmousemove="rotate()" /><br/>
照着写,没效果。。。。。。。。。。。。。。。。。。。。。。
老师举得小例子很棒,一下就看明白多了
老师讲的很明白
照着写,404
做出来的和老师的不一样,方向反了
浏览器对3d的兼容并不好
老师视频特模糊!!怎么也没有资料啊
第一个可以出来效果,后面的就不行了!
出不来效果
先自己写好了再贴上去运行啊 不然全没了万一 目前只有耐心拼出一个正方体啊 啊
1.5倍速刚刚好
其实timing-function还有几个模式: step-start | step-end | steps(6, end)
最后一个蛮有意思的,把动画分几段执行,可以用这个制作一个纯css3的秒表
-webkit-transition:width 2s steps(6, end),有兴趣的试一下这个模式
秒表思路:在一个div里竖向排列1-9,每隔1秒位置往上走一步(top值),
使用 -webkit-animation: moveten 1s steps(10, end) infinite;
-webkit-transform-style:preserve-3d;如果按之前的例子写成 -webkit-transform-style: -webkit-preserve-3d;效果不一样会显示一部分最后一张内容。
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消