Syntax

Transform Box

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.

Overview

ClassDeclarations
transform-box:boxtransform-box: box;
transform:contenttransform-box: content-box;
transform:bordertransform-box: border-box;
transform:filltransform-box: fill-box;
transform:stroketransform-box: stroke-box;
transform:viewtransform-box: view-box;

Conditionally apply

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

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

Controlling rotate, scale, skew, or translate an element.

Syntax
Transform Origin

Setting the origin for an element’s transformations.

© Aoyue Design LLC.
MIT License