                        課程
                    
                        /前端開發(fā)
                        
                            /CSS3
                        
                        /CSS3 3D 特效

額，我的咋這樣了

咋這樣了，原因是什么呀

慕前端0791518

2015-04-08

源自：CSS3 3D 特效 3-2

關(guān)注問題我要回答

1013

操作

收起

2 回答

qq_fly_5
2015-11-18

#space{
?? ?
?? ?-webkit-perspective:800;
?? ?-webkit-perspective-origin:50% 50%;
?? ?overflow:hidden;}
#pagegroup{
?? ?width:400px;
?? ?height:400px;
?? ?margin:0 auto;
?? ?-webkit-transform-style:preserve-3d;
?? ?position:relative;
}
.page{
?? ?width:360px;
?? ?height:360px;
?? ?padding:20px;
?? ?background-color:#000;
?? ?color:#FFF;
?? ?font-weight:bold;
?? ?line-height:360px;
?? ?font-size:360px;
?? ?text-align:center;
?? ?position:absolute;
?? ?}
#page1{
?? ?-webkit-transform-origin:bottom;
?? ?-webkit-transition:-webkit-transform 1s linear;}
#page2,#page3,#page4,#page5,#page6{
?? ?-webkit-transform-origin:bottom;
?? ?-webkit-transform:-webkit-transform 1s linear;
?? ?-webkit-transform:rotateX(90deg);
?? ?}
#opeaor{
?? ?text-align:center;
?? ?margin:40px auto;
}
</style>