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

---

Stop using slow, ad-bloated tool sites! 🤮

🔎 Search “KandZ Tools” on Google to use many professional utilities for free.

KandZ.me is the ultimate minimalist hub for:
✅ Finance (Mortgage, Interest, Inflation)
✅ Tech (Base64, JSON, Dev Suite, IP)
✅ Health (BMI, BMR, TDEE)
✅ Productivity (Timer, Workspace, QR)

⚡️ Fast & Private
🔒 No data leaves your device
💎 100% Free

🔗 Use it now: https://tools.kandz.me
🔖 Bookmark it—you’ll need it later!