WEBLEB
Início
Editor
Entrar
Pro
Português
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Exemplo de animação de botão em HTML e CSS
53
dynamiclogic657
Abrir no Editor
Publique Seu Código
Recomendado
28 October 2025
Exemplo de efeitos de foco de botão HTML
22 August 2025
Blogium: Modelo HTML para blog sobre tecnologia, design e vida
28 June 2025
Modelo HTML de página de erro 404
HTML
Copy
<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Simple HTML CSS Button Animation</title> <link rel="stylesheet" href="/css/styles.css"> </head> <body> <button> Submit </button> </body> </html>
CSS
Copy
button { width: 150px; height: 60px; border: 3px solid #315cfd; border-radius: 45px; transition: all 0.3s; cursor: pointer; background: white; font-size: 1.2em; font-weight: 550; font-family: 'Montserrat', sans-serif; } button:hover { background: #315cfd; color: white; font-size: 1.5em; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
