Summer pricing is live: save $50 on Starwind Pro lifetime access.
Components
Background: Background Effects Background: Background Gradients Background: Background Patterns Background: Background Shaders Effect: Background Effects Theme
3D Tilt Effect
Hover over this card to see the 3D tilt effect in action. The card responds to your mouse position with smooth perspective transforms.
Starwind Dependencies
Sign in to view code and copy install commands.
Sign in This component requires Starwind Pro.
Get lifetime access to all premium components, updates, and priority support.
Upgrade to Pro Failed to load code. Please try again.
Code
<Effect2
max-tilt={10}
hover-scale={1.02}
perspective={1000}
/>
Props
| 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. |