Syntax

Transform Origin

Setting the origin for an element’s transformations.

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

Overview

ClassDeclarations
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 based on different states using selectors and applying conditionally.

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

Customizing color variables or starting with the crafted palette.

© Aoyue Design LLC.