This paper studies the effect of 3D attribute in the transform transform attribute in the next CSS3 and sees a good article about 3D learning; Good Article address: http://www.zhangxinxu.com/wordpress/2012/09/ css3-3d-transform-perspective-animate-transition/
Here are just some examples of code you can read yourself:
<style>#box{-webkit-perspective:800px;//define 3D scene size-webkit-transform-origin:50% 50%;//define the center point of the 3D scenePerspective:800px;Transform-origin:50% 50%; }. Box{width:200px;Height:200px;margin:0 Auto;Transfrom-style:preserve-3d;//The type of transformation is 3DBackground-color:Green;-webkit-transform:Rotatey (45deg) Rotatex (30deg) Rotatez (25deg);//make 3D model space axis change to elementTransform:Rotatey (45deg) Rotatex (30deg) Rotatez (25deg); }</style></Head><Body> <DivID= "box"> <Divclass= "box"></Div> </Div></Body>