CSS3 3D Transform

3D conversion method:

• rotateX()
• rotateY()

1. The rotateX() method, around which element is rotated on the X axis by a given degree.

E.g:

 

1 div
2 {
3     transform: rotateX(120deg);
4     -webkit-transform: rotateX(120deg); /* Safari 与 Chrome */
5 }

 2. The rotateY() method, around which element is rotated on the Y axis by a given degree.

E.g:

1 div
2 {
3     transform: rotateY(130deg);
4     -webkit-transform: rotateY(130deg); /* Safari 与 Chrome */
5 }