Skip to main content
kaimdt Toolbox
Generators
Converters
Dev Tools
Colors
Templates
Back to Templates
3D Button
buttons
CSS
Reset
Copy
.btn { background: #6366f1; color: white; padding: 12px 28px; border-radius: 8px; border: none; cursor: pointer; font-weight: 700; box-shadow: 0 6px 0 #4338ca; transition: transform 0.1s, box-shadow 0.1s; } .btn:active { transform: translateY(4px); box-shadow: 0 2px 0 #4338ca; }
Live Preview
Demo Button
Edit the CSS on the left to see live changes. The styles are scoped to the preview area.