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

来源:3-2 JS部分

duoduo2016

2015-03-19 18:58


http://img.mukewang.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);

}


写回答 关注

1回答

  • 慕姐3609379
    2015-03-26 22:19:35

    preserve-3d

CSS3 3D 特效

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

78572 学习 · 425 问题

查看课程

相似问题