Liquid glass buttons ★Signature
Frosted blur over a moving gradient, a flowing highlight that sweeps across on hover, and a squishy spring press. (CSS version — true refraction is the Tier 2 upgrade.)
SEC / 10
Hover Effects
7 effectsThe hover lab
Four micro-interactions side by side: 43 underline that draws from the left · 44 image zoom-inside-frame · 45 text scramble/decode · 46 button fill sweep.
44 · Zoom inside frame
45 · Text scramble
CREATIVE DEVELOPER
HOVER TO DECODE
46 · Fill sweep
Video peek cards NewDesktop
Muted video starts playing inside the card only while you hover — this one uses your own Beachside footage.
Hover to playBeachside — Arrival
Depth stack lift New · 3DDesktop
A flat card separates into three floating layers with real perspective and shadow the moment you hover.
Strategy
The flat card is actually three planes waiting to separate.
Design
Hover and the color layers slide out behind with true 3D depth.
Build
Shadow deepens as the stack lifts toward you.