KandZ – Tuts

We like to help…!

CSS 48 💻 transform rotateX, rotateY and rotateZ

a - rotateX, rotateY and rotate Z
rotateX is used to rotate an element around X-axis (horizontal)
rotateX(45deg) is the same as rotate3d(1, 0, 0, 45deg)
transform: rotateX(45deg); → Rotates 45 degrees around the X-axis
rotateY is used to rotate an element around Y-axis (vertical)
rotateY(45deg) is the same as rotate3d(0, 1, 0, 45deg)
transform: rotateY(45deg); → Rotate 45 degrees around the Y-axis
rotateZ is used to rotate an element around Z-axis
rotateZ(45deg) is the same as rotate3d(0, 0, 1, 45deg)
transform: rotateZ(45deg); → Rotate 45 degrees around the Z-axis

Leave a Reply