WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Exemplo de animação de botão HTML
46
gmskabirwala
Abrir no Editor
Publique Seu Código
Recomendado
17 July 2025
Página de login do CoffeeShop com efeito de vidro e Tailwind
27 November 2024
Botão Hover
25 May 2025
Um Código de Liamgilles76
HTML
Copy
<!doctype html> <html lang="en"> <head> <title>Button Animation</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="/css/styles.css" rel="stylesheet"> </head> <body> <Button>Submit</Button> </body> </html>
CSS
Copy
body{ display: flex; justify-content: center; align-items: center; height: 100vh; overflow: hidden; } button{ color:blue; border:none; height:40px; width: 100px; border-radius:7px; cursor: pointer; } button:hover{ color:white; background-color: #3b82f6; box-shadow: 0 0 0 5px #3b83f65f; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
