Effect 2 - 3D Tilt

Pro

A 3D tilt effect that responds to mouse movement with perspective transforms and smooth transitions.

Theme

Upgrade to Pro

Hover over this card to see the 3D tilt effect in action. The card responds to your mouse position with smooth perspective transforms.

Loading code...

This component requires Starwind Pro.

Get lifetime access to all premium components, updates, and priority support.

Failed to load code. Please try again.

Code

Usage

<Effect2
  max-tilt={10}
  hover-scale={1.02}
  perspective={1000}
/>

prop	type	default	description
`maxTilt`	`number`	`10`	Maximum tilt angle applied from pointer movement.
`hoverScale`	`number`	`1.02`	Scale factor applied while the card is hovered.
`perspective`	`number`	`1000`	Perspective distance in pixels for the 3D transform.