# Transform

Moves, rotates or scales an element without affecting layout.

## What does `transform` do?

`transform` moves, rotates, scales or skews an element visually, without affecting the layout around it.

```css
.card:hover { transform: translateY(-4px) scale(1.02); }
```

Level: Journeyman · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/journeyman)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/transform