Hover Effects
Amber Flood
An amber wave rises from below, flooding the card. Text inverts as the wave crests.
translateY + overflow-hidden
Border Trace
An amber border draws itself clockwise around the card in four sequential strokes.
scaleX / scaleY + staggered delay
Glitch
CSS clip-path slices corrupt the title, shifting amber and white layers in a relentless glitch loop.
clip-path + keyframe animation
Magnetic Lift
The card rises off the page with an amber-tinted shadow and a subtle scale, like a magnet pulling it toward you.
translateY + scale + box-shadow
Spotlight
A radial gradient spotlight follows the cursor across the card, casting a soft amber glow wherever you point. Move around — it tracks in real time.
radial-gradient + onMouseMove tracking
Particle Field
A drift of amber particles that subtly scatter and repel when you move your cursor through them.
HTML5 Canvas + requestAnimationFrame