WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Botão Gradiente CSS
1899
securearray494
Abrir no Editor
Video
Publique Seu Código
0
Recomendado
23 August 2025
Modelo de página de login HTML CSS do SEAT Leon
17 December 2025
Clone do jogo Geometry Dash em HTML, CSS e JavaScript.
26 September 2025
Animação de carregamento CSS com imagem de fundo
HTML
Copy
Button
CSS
Copy
body{ display:flex; align-items:center; justify-content:center; height:100vh } button { display: flex; align-items: center; justify-content: center; padding: 20px; min-width: 140px; max-width: 100%; border: 0; border-radius: 8px; background-image: linear-gradient(144deg, #4caf50, #2196f3 50%, #ff9800); color: #fff; font-size: 18px; line-height: 1; box-shadow: rgba(0, 0, 0, 0.2) 0 10px 20px -5px; cursor: pointer; transition: transform 0.3s, background-color 0.3s; user-select: none; white-space: nowrap; box-sizing: border-box; touch-action: manipulation; } button:hover { background-image: linear-gradient(144deg, #81c784, #64b5f6 50%, #ffcc
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */