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

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

最新回答 / 我不是管家
相信你也知道了,是因为没有做兼容的问题,你的-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了

最赞回答 / yclycl
-webkit-perspective:800px;-moz-perspective:800px;perspective:800px;
#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;
}
火狐没有效果吗?

最新回答 / 郭清萍3147421
首先你的页面显示就有问题,style中num的样式是写给谁的呢,显然你是要给每一个页面的,那么就要写给每个页面的class
将旋转轴移到bottom后,数字1用rotate(-90deg)却不能让它消失?(还是出现在屏幕中)
课程挺不错很详细,不过就是必须用webkit内核的浏览器,火狐表示压力很大.
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果
意见反馈 帮助中心 APP下载
官方微信

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消