Rotating around X-axis, Y-axis and the Z-axis
As a good starting point with CSS 3D I recommend Intro to CSS 3D transforms by David DeSandro
Rotating around and translating along X-axis, Y-axis and the Z-axis
Keep in mind that the axis is important
rotateY(45deg)
rotateX(45deg)
translateZ(-80px);
translate3d(10px, 10px, 10px );
Getting serious with animation
You wouldn't believe it, but after all this theorie, we can finally do some flipping.