Transform

Transform Box

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

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

Conditionally apply

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

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

Style syntax for controlling rotate, scale, skew, or translate an element.

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