Prisma saystransform moves, rotates, scales, and skews elements without disturbing layout.
transform applies translate(), rotate(), scale(), skew() — visually only, so surrounding layout doesn't shift. It's GPU-accelerated and cheap to animate. transform-origin sets the pivot. Chain functions in one declaration; they apply right-to-left.
Power-ups you unlock
translate/rotate/scale/skew — visual only
No layout reflow → cheap to animate
transform-origin sets the pivot
Chain functions; applied right-to-left
Jank the Janitor attacks — common mistakes
Expecting transform to push siblings (it doesn’t)
Wrong function order changing the result
Forgetting transform-origin for rotations
Boss battleRotate a card 5deg and scale it up on hover.