effects

backface-visibility

Controls whether the back face of a 3D-transformed element renders once it rotates away from the viewer; the "hidden" default keeps flip-card and page-turn effects showing only their front face.

import { backfaceVisibility } from "@sdxc/u/effects";

Quick reference

Every documented call, beside the CSS it emits.

Call	CSS
`u.backfaceVisibility()`	`css({ backfaceVisibility: "hidden" })`

Using a custom value

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

u.backfaceVisibility()

Applying on a state

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

u.hover(u.backfaceVisibility())

Responsive design

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

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

Signature

u.backfaceVisibility(value?: BackfaceVisibilityValue)