WEBLEB
Inicio
Editora de código
Iniciar sesión
Pro
Español
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Botón Animado al Pasar el Ratón
4309
alex
Abrir en el editor
Video
Publica tu código
Recomendado
7 July 2025
TaskMaster Pro - Gestión dinámica de tareas inteligentes de TheDoc
2 August 2024
Portafolio animado
30 June 2025
Producción de acero, industria metalúrgica | Hierro y acero Inc.
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) */
