# Transforms: Move, Turn and Grow

Transforms slide, turn and resize an element with translate, rotate and scale without moving anything around it, which makes them the tool for a button that lifts, a card that tilts or a badge that grows.

![Cheat sheet: Transforms: Move, Turn and Grow](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/10/c406845931af41babe526afb3be0f34a.webp)

- Category: CSS
- Level: Apprentice
- Tags: CSS, Rotate, Scale, Transform, Transform origin, Translate (css)
- Updated: November 1, 2026

Source: https://www.ask-codey.com/cheat-sheets/css-transforms-cheat-sheet