Interactive Rotating Card

Move your mouse over the card to see it rotate in 3D space. The rotation angle changes based on mouse position.

0° rotation
💳

Interactive Card

This card reacts to your mouse movements. Move your cursor around to see it rotate in 3D space.

0°
X-Axis
0°
Y-Axis
🔄

How It Works

The card rotation is calculated based on the position of your mouse relative to the center of the card. Move your mouse to the edges for maximum rotation.

3D
Effect
CSS
Transform

How to Use

Move your mouse over the card to rotate it. The card will tilt in the direction of your mouse movement. The further your mouse is from the center, the greater the rotation angle.