为了账号安全,请及时绑定邮箱和手机立即绑定
在火弧不支持,在qq及搜狗高速浏览器有效
非常感谢!跟着老师的课程做出了这么牛逼的动态效果,以前觉得能整个立体动画好牛逼,看来还是自己太高估难度了,哈哈
感觉有问题啊,做出来以后功能都能实现,就是没有立体的效果,宽度没变化,高度在变,哪位大神解答一下
为什么要用relative和absolute定位呢,不懂,哪位大神能讲解一下
凯老师,哈哈!
为什么布讲个立方体呢。老师 谢谢
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; ```
为什么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了
#experiment{
-webkit-perspective:800;
-moz-perspective:800;
perspective:800;
-webkit-perspective-origin:50% 50%;
-moz-perspective-origin:50% 50%;
perspective-origin:50% 50%;
-webkit-transform-style:-webkit-preserve-3d;
-moz-transform-style:-webkit-preserve-3d;
transform-style:preserve-3d;
}
火狐没有效果吗?
将旋转轴移到bottom后,数字1用rotate(-90deg)却不能让它消失?(还是出现在屏幕中)
课程挺不错很详细,不过就是必须用webkit内核的浏览器,火狐表示压力很大.
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果
意见反馈 帮助中心 APP下载
官方微信

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消