WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Animation de bouton au survol
5608
codex
Ouvrir dans l'éditeur
Publiez votre code
Recommandé
19 May 2025
tombereau
7 November 2024
Formulaire de connexion
30 July 2025
Modèle HTML de page de paiement par carte Visa
HTML
Copy
CSS Button
Submit
CSS
Copy
body{ background-color: #212121; height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; } button{ padding: 0.8em 1.8em; border-radius: 8px; background-color: transparent; color:#17c3b2; border:2px solid #17c3b2; font-size: 16px; cursor: pointer; z-index: 1; transition: 0.3s; overflow:hidden ; position: relative; } button:before{ content:''; width: 0; height: 300%; position: absolute; top: 50%; left: 50%; transition: 0.5s ease; transform: translate(-50%,-50%) rotate(45deg); display: block; z-index: -1; background-color: #17c3b2; } button:hover::before{ width: 105%; } button:hover{ color:#111; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */