Syntax

transform-origin

Setting the origin for an element’s transformations.

Class	Declarations
transform-origin:`value`	transform-origin: `value`;
transform:`offset-x`\|`offset-y`	transform: `offset-x` `offset-y`;
transform:`offset-x`\|`offset-y`\|`offset-z`	transform: `offset-x` `offset-y` `offset-z`;
`transform:top`	`transform-origin: top;`
`transform:bottom`	`transform-origin: bottom;`
`transform:right`	`transform-origin: right;`
`transform:left`	`transform-origin: left;`
`transform:center`	`transform-origin: center;`

Apply styles based on different states using selectors and conditional queries.

<div class="transform-origin:center:hover transform-origin:center@sm transform-origin:center@dark transform-origin:center@print">…</div>

Defining the layout box to which transform and transform-origin properties relate.

Setting how children of an element are rendered in the 3D space.

Overview