<div class="neu-container">
<button class="neu-btn">Button</button>
<button class="neu-btn active">Pressed</button>
<button class="neu-btn icon">
<svg viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
</button>
</div>
Back to Snippets
Neumorphism Soft UI Buttons CSS
Implement the trendy "Soft UI" look with these neumorphic buttons. By using light and dark shadows, the elements appear to be extruded from the screen, creating a tactile and modern interface.
484