Transform Origin

Utilities for controlling the origin point of an element's transforms.

Class	CSS Output
`origin-bottom`	`transform-origin: bottom; }`
`origin-top`	`transform-origin: top; }`
`origin-bottom-left`	`transform-origin: bottom left; }`
`origin-center`	`transform-origin: center; }`
`origin-bottom-right`	`transform-origin: bottom right; }`
`origin-top-left`	`transform-origin: top left; }`
`origin-top-right`	`transform-origin: top right; }`
`origin-right`	`transform-origin: right; }`
`origin-left`	`transform-origin: left; }`

origin-bottom

transform-origin: bottom;

origin-top

transform-origin: top;

origin-bottom-left

transform-origin: bottom left;

origin-center

transform-origin: center;

origin-bottom-right

transform-origin: bottom right;

origin-top-left

transform-origin: top left;

origin-top-right

transform-origin: top right;

origin-right

transform-origin: right;

origin-left

transform-origin: left;

Reference

MDN ↗