transform

transform-style

Sets the standalone transform-style property outright on the **parent** of 3D-transformed children, since CSS defaults to flat; an overflow, filter, mask, or opacity below 1 on the element silently forces it back to flat.

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

Quick reference

Every documented call, beside the CSS it emits.

Call	CSS
`u.transformStyle()`	`css({ transformStyle: "preserve-3d" })`
`u.transformStyle("flat")`	`css({ transformStyle: "flat" })`

Using a custom value

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

u.transformStyle()

Applying on a state

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

u.hover(u.transformStyle())

Responsive design

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

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

Signature

u.transformStyle(value?: TransformStyleValue)