div-cursor-3 · Transforms & 3D
14 wrapper effects from sandbox/div_cursor_3.tsx
3D Transforms
Perspective Lift
3D tilt + lift
Tilt Glow
tilt + glow in sync
Scale Snap
snappy zoom with bounce
Fold Open
origami 30° → 0° on hover
Depth Stack
3D stack of 3 layers
Magnetic Edge
edges pull toward cursor
Reveal / Scroll
Slide Reveal
content slides on hover
Back side
extra info
Scroll Scale-In
scales in on appear
Hover Halo
halo outside
Backgrounds
Gradient Mesh
4 colors via radial-mesh
Animated Gradient
slow linear shift
Ghost Outline
outline → fill on hover
Special materials
Glass requires a background image. Neumorph requires a cream/beige surface.
Glass Card (light)
frosted blur with white tint
Glass Card (dark)
frosted blur with gold tint
Convex
raised
Concave
pressed in
Flat
level