Gravity Card

Featured

The card tilts toward the pointer on a spring with realistic perspective, a specular glare tracks the light source, and the shadow shifts to match.

#tilt #3d #glare #cursor

cards / card-tilt-glare

Playback

Parameters

Max tilt14

Complexity

Intermediate

Interaction

Cursor, Hover

Stack

Framer Motion

Related motions

Nebula Drift

Hero · Canvas / React

A slow field of luminous particles with parallax depth. The cursor carves a repulsion well, pushing nearby motes aside before they settle back on an ease-out curve.

Strata

Hero · Framer Motion

Layered translucent panels hover in shallow 3D space. Pointer movement tilts the whole stack on a spring, revealing the depth between planes.

Spotlight

Hero · CSS / Framer Motion

A headline sits in near-darkness. The pointer carries a soft light that reveals the type and a fine grid beneath it, with a slow ambient drift when idle.