WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Exemple d'animation de bouton HTML
483
gmskabirwala
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
8 June 2025
jeu de pile ou face
28 August 2025
Modèle de site web dédié au travail du bois | Tailwind CSS, Artisan Design
4 May 2025
Message de motivation
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) */
