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 conditional queries.

<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