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: valuepx;
transform:offset-x|offset-ytransform: offset-xpx offset-ypx;
transform:offset-x|offset-y|offset-ztransform: offset-xpx offset-ypx offset-zpx;
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>
Syntax
transform-box

Defining the layout box to which transform and transform-origin properties relate.

Syntax
transform-style

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

© Aoyue Design LLC.
MIT License