transform

transform-origin

Sets the pivot point for every transform on the element.

import { transformOrigin } from "@sdxc/u/transform";

Quick reference

Every documented call, beside the CSS it emits.

Call	CSS
`u.transformOrigin()`	`css({ transformOrigin: "center" })`
`u.transformOrigin("left")`	`css({ transformOrigin: "left" })`
`u.transformOrigin("bottom right")`	`css({ transformOrigin: "bottom right" })`
`u.transformOrigin("50% 50% 8px")`	`css({ transformOrigin: "50% 50% 8px" })`

Every scale argument also takes a raw CSS value, which passes through untouched.

u.transformOrigin()

Wrap the call in a state utility to scope it to one selector.

u.hover(u.transformOrigin())

Wrap the call in a container query to scope it to one width.

u.at("md", u.transformOrigin())

u.transformOrigin(value?: TransformOriginValue)