为了账号安全,请及时绑定邮箱和手机立即绑定
在火弧不支持,在qq及搜狗高速浏览器有效
非常感谢!跟着老师的课程做出了这么牛逼的动态效果,以前觉得能整个立体动画好牛逼,看来还是自己太高估难度了,哈哈
感觉有问题啊,做出来以后功能都能实现,就是没有立体的效果,宽度没变化,高度在变,哪位大神解答一下
为什么要用relative和absolute定位呢,不懂,哪位大神能讲解一下

最新回答 / 小黍
好像都可以出来效果  但是最好写在要添加动画效果的选择器中
凯老师,哈哈!
为什么布讲个立方体呢。老师 谢谢

最新回答 / 我不是管家
相信你也知道了,是因为没有做兼容的问题,你的-o-他只在苹果浏览器有效果
var myIndex=1;
function next(){
var myPage=document.getElementById("page"+myIndex);
myPage.style.webkitTransform="rotateX(-90deg)";
myIndex++;
var nextPage=document.getElementById("page"+myIndex);
nextPage.style.webkitTransform="rotateX(0deg)";

}代码没错 怎末实现不了
写成``` perspective: 800px; ```

已采纳回答 / 慕粉3914370
ie10有效,低版本无效
为什么iPad播放不出来
最后的6会出现在每一张的下面,这是什么问题啊
.experiment{

width:400px;
height:200px;
background-color:#0fc;
border:2px solid #000;
margin:100px 400px;
animation:change 4s linear .5s both;
}
.page{perspective:1000px;perspective-origin:200px 200px;}

@keyframes change{
100%{transform:rotateY(-180deg);transform-origin:left;}
}
其实火狐只需要这样就可以3D了
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消