duoduo2016
2015-03-19 18:58
为什么样式都能写出来这样的啊
#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);
}
preserve-3d
CSS3 3D 特效
78572 学习 · 425 问题
相似问题