Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.btn-grad { background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; border: none; padding: 0.75rem 2rem; border-radius: 2rem; cursor: pointer; transition: filter 0.2s, transform 0.15s; } .btn-grad:hover { filter: brightness(1.12); transform: translateY(-2px); }
Result
Open