Skip to main content
kaimdt Toolbox
Generators
Converters
Dev Tools
Colors
Templates
Back to Templates
Gradient Border Input
inputs
CSS
Reset
Copy
.input-wrapper { background: linear-gradient(135deg, #6366f1, #ec4899); padding: 1.5px; border-radius: 12px; } .input { width: 100%; padding: 10px 16px; border: none; border-radius: 10.5px; font-size: 14px; outline: none; background: white; }
Live Preview
Edit the CSS on the left to see live changes. The styles are scoped to the preview area.