WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Ejemplo de animación de botón HTML y CSS
51
dynamiclogic657
Abrir en el editor
Publica tu código
Recomendado
23 August 2025
Guía de marcas de coches del mundo (en turco)
29 August 2024
Interfaz de usuario de la calculadora -Neumorfismo -Drak
6 August 2025
Portafolio de desarrolladores: Diseño web, de aplicaciones y UI/UX
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) */
