v0.0.1

Tilt

Tilts content in 3D based on the pointer position, with an optional pointer-following glare; disabled under reduced motion.

Elyri Tilt

Customize

Props

PropTypeDefaultDescription
childrenReactNode—Content to tilt
maxnumber10Maximum tilt angle in degrees
perspectivenumber800Perspective distance in pixels; smaller values exaggerate the depth
glarebooleantrueWhether to show a pointer-following glare
classNamestring—Extra class name

Dependencies

PointerEvent