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.

Overview [sr-only]

transform-origin:valuetransform-origin: value
transform:offset-x|offset-ytransform: offset-x offset-y
transform:offset-x|offset-y|offset-ztransform: offset-x offset-y offset-z
transform:toptransform-origin: top
transform:bottomtransform-origin: bottom
transform:righttransform-origin: right
transform:lefttransform-origin: left
transform:centertransform-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>
Transform Box

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

Transform Style

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

MIT License © Aoyue Design LLC.