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

这样写为什么不行?求指导


http://img1.sycdn.imooc.com//550aab760001f1f105110419.jpg

为什么样式都能写出来这样的啊  

#my3dspace{

-webkit-perspective:800;

-webkit-perspective-origin:50% 50%;

overflow: hidden;

}

#pagegroup{

width: 400px; height: 400px; margin:0 auto;

-webkit-transform-style:preserv-3d;

transform-style:preserv-3d;

position:relative;


}

.page{

width: 360px; height: 360px;

padding: 20px;

background-color:rgba(0,0,0,1);

color:white;

font-weight: 700;

line-height: 360px;

text-align: center;

position:absolute;

font-size: 360px;

}

#op{ text-align: center; margin:40px auto;}

#page1,#page2,#page3,#page4,#page5,#page6{

-webkit-transition:-webkit-transform 1s linear;

}

#page1{

-webkit-tranform-origin:bottom;

tranform-origin:bottom;


}

#page2,#page3,#page4,#page5,#page6{

-webkit-tranform-origin:bottom;

tranform-origin:bottom;

-webkit-transform:rotateX(90deg);

}


正在回答

2 回答

preserve-3d

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
CSS3 3D 特效
  • 参与学习       78578    人
  • 解答问题       425    个

使用CSS3当中的属性,创建真实可用的三维效果

进入课程

这样写为什么不行?求指导

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信