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>