Transform

Transform Origin

Style syntax for setting the origin for an element’s transformations.

🚧This page is still under construction and some content may not be complete.

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`

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

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

Style syntax for defining the layout box to which transform and transform-origin properties relate.

Style syntax for setting how children of an element are rendered in the 3D space.