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

最新回答 / 夜第七章920
css3的属性都是IE9及以上才支持,部分属性还不支持
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;效果不一样会显示一部分最后一张内容。
目前浏览器都不支持 perspective 属性。

Chrome 和 Safari 支持替代的 -webkit-perspective 属性。

已采纳回答 / Y_du
<...code...>box.style.webkitTransform="rotateY("+ldeg+"deg)"; 这里要用=,而不是:。box在这里取到的不是你用获得的对象,所以要写到函数中来。
多个属性过渡不是写个 transition:all 2s; 就行了吗? 干吗要写多行呢
楼下全错了 你们都是弱智
感觉好艰难诶
诶呦又错了。。。老师那个都搞不定 (ಥ _ ಥ)
这位老师讲课清晰明了,赞!
讲的很好,逻辑很清晰。还用心的做了两个例子让大家更好的理解平移和旋转。谢谢老师的分享
三个坐标轴,翻转角度的问题,我还没想明白
很不错,讲的清楚
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消