Transforms

Transforms change the visual rendering of an element without affecting layout.

transform: translateX(20px) rotate(15deg) scale(1.2);

3‑D transforms add perspective and rotateX/Y/Z.

---

Example: 3‑D card flip

.card { perspective:1000px; }
.inner { transition:transform .6s; transform-style:preserve-3d; }
.card:hover .inner { transform:rotateY(180deg); }