CSS · Motion and transforms

transform

Moves, rotates, scales or skews an element without affecting layout. Multiple functions apply in order.

Syntax
transform: translateY(-4px) scale(1.02)

Example

Try it

More in this group

@keyframes animation animation-duration animation-iteration-count animation-name perspective prefers-reduced-motion transform-origin

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course