# Transform origin

Sets the point an element rotates or scales around.

## What does `transform-origin` do?

`transform-origin` sets the point an element rotates or scales around. The default is its center.

```css
.door { transform-origin: left center; transform: rotateY(-60deg); }   /* swings on its hinge */
```

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-origin