The noob's guide to 3D Transforms with CSS - Rotations

noob-3d-css-rotate.css

.rotated-square {
  transform: 
    rotateX(20deg)  /* flip "up" */
    rotateY(-20deg)  /* flip "right" */
    rotateZ(20deg);  /* rotate counter-clockwise */
}

.rotated-square-shorthand {
  transform: rotate3d(20deg, -20deg, 20deg);
}