Tilt

3D mouse-tilt — rotates an element on X/Y based on pointer position. Auto-skips on touch-primary devices.

Tilt me

Usage

import { Tilt } from '@bwo-ui/react';

<Tilt max={12} scale={1.04}>
  <div className="card">...</div>
</Tilt>

Prop	Type	Default	Description
`max`	`number`	`14`	Max rotation in degrees per axis.
`perspective`	`number`	`800`	Scene perspective in px.
`scale`	`number`	`1.04`	Scale while hovered.
`duration`	`number`	`0.4`	Tween duration.
`ease`	`string`	`'power3.out'`	GSAP ease.
`reverse`	`boolean`	`false`	Invert tilt direction.
`glareSelector`	`string`	—	Inner element to drive a glare background-position with.