
Jose Tamu
July 16, 2024 /
Beginner

Neumorphic Button

Style controls
Left border color: determines the shine color applied at top left.
Right border color: determines the shine color applied at bottom right.
Spread: determines the neumorphic intensity. The demo uses 2px.
Animation controls
Duration
CSS easing: you can set any custom CSS easing of your own. Learn more about CSS easings here.
-Tamu
On this page