INTERACTION_001CSS
Premium Button Lift
Weightless 2px rise with an edge highlight on hover.
Buttons / LightView
INTERACTION
LIBRARY.
TYPE
VIBE
TECH
COMPLEXITY
PLATFORM
016 RESULTS
INTERACTION_002CSS
Shine Sweep Button
A diagonal chrome glint travels across the surface on hover.
Buttons / LightView
INTERACTION_082CSS
Liquid Hover Button
A rounded fill rises from the bottom edge and floods the button.
Buttons / LightView
Animated border
INTERACTION_083CSS
Animated Border Button
A light segment travels around the border on hover.
Buttons / LightView
INTERACTION_084CSS + JS
Cursor Following Glow Button
A soft glow tracks the pointer inside the button surface.
Buttons / LightView
INTERACTION_085CSS
Sliding Label Button
The label slides up and a duplicate takes its place.
Buttons / LightView
INTERACTION_086CSS
Arrow Morph Button
The arrow exits right and re-enters from the left on hover.
Buttons / LightView
INTERACTION_087CSS + JS
Ripple Click Effect
A ripple expands from the exact press point.
Buttons / LightView
INTERACTION_088CSS
3D Press Interaction
The button depresses into its shadow like a physical key.
Buttons / LightView
INTERACTION_089CSS
Split Background Hover
Two halves of the background meet in the middle on hover.
Buttons / LightView
INTERACTION_090CSS
Button Loading Transition
The label collapses into a compact progress indicator.
Buttons / LightView
INTERACTION_091CSS
Button Success Animation
A check mark draws itself once the action completes.
Buttons / LightView
$49Get access
INTERACTION_092CSS
Sticky Mobile CTA
A CTA bar docks to the bottom of the screen after the hero.
Buttons / LightView