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 applying conditionally.

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.