Skip to main content
kaimdt Toolbox
Generators
Converters
Dev Tools
Colors
Templates
Back to Templates
Neumorphic Button
buttons
CSS
Reset
Copy
.btn { background: #e0e5ec; border: none; color: #6b7280; padding: 12px 28px; border-radius: 12px; cursor: pointer; font-weight: 600; box-shadow: 6px 6px 12px #b8bec7, -6px -6px 12px #ffffff; transition: box-shadow 0.2s; } .btn:active { box-shadow: inset 4px 4px 8px #b8bec7, inset -4px -4px 8px #ffffff; }
Live Preview
Demo Button
Edit the CSS on the left to see live changes. The styles are scoped to the preview area.