Syntax

Transform Style

Setting how children of an element are rendered in the 3D space.

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

Overview

ClassDeclarations
transform-style:valuetransform-style: value;
transform:flattransform-style: flat;
transform:preserve-3dtransform-style: preserve-3d;

Conditionally apply

Apply styles based on different states using selectors and applying conditionally.

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.