为了账号安全,请及时绑定邮箱和手机立即绑定
rotateX(0deg)不是相当于没翻转吗?
这是我见过最直观的demo
老师讲的很棒!
电脑上的3d效果完全没有显示 用的360浏览器 !!!没反应
可以尝试 document.getElementById("page" + curIndex).style.transform = "rotateX(-90deg)";
3D翻转
#block{
width: 400px;
height: 400px;
background-color: #1B12FA;
margin: 100px auto;
transition:all 2s ease-in 0.2s;
}
#block:hover{
-webkit-transform:rotateX(360deg);
}
最好还是通过 js 操作 class 来改变样式!

最新回答 / leslimo
-webkit-transition:名称 过渡时间;
多属性朵花设置 transition : width 2s , height 2s , background-color : red
老师讲的非常清晰,尤其是3D场景的创建相关的概念解释的非常清楚
加前缀是为了兼容性
哈哈,功夫不负有心人,就给做出来了
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消