Tilt card

A card that tilts in 3D toward the cursor.

Hover to tilt in 3D.

import { BuiTiltCard } from 'ng-blatui';

<bui-tilt-card><div class="p-6">Tilt me</div></bui-tilt-card>

Stronger tilt

A bigger max angle and a slight zoom.

<bui-tilt-card [max]="20" [scaleTo]="1.05"><div class="p-6">Dramatic</div></bui-tilt-card>

Prop	Type	Default	Description
`max`	`number`	`10`	Maximum tilt angle in degrees on each axis.
`scaleTo`	`number`	`1.05`	Scale factor applied while the card is tilting.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.