WEBLEB
Accueil
Éditeur
Connexion
Pro
Français
English
Français
Español
Português
Deutsch
Italiano
हिंदी
BOUTON
569
mambetov1237.b
Ouvrir dans l'éditeur
Publiez votre code
Precisa de um site?
Recommandé
23 November 2024
Boutons de réseaux sociaux en survol
30 January 2025
Boutons Dégradé Hover
28 January 2025
bouton
HTML
Copy
BUTTON
Button
Button
Button
CSS
Copy
body { background-color: darkslategray; display: flex; } .btn { display: grid; margin: 100px 20px; font-size: 4.2rem; padding: 1rem 2.5rem; border: none; outline: none; border-radius: 0.4rem; cursor: pointer; text-transform: uppercase; background-color: rgb(14, 14, 26); color: rgb(234, 234, 234); font-weight: 700; transition: 0.6s; box-shadow: 0px 0px 60px #1f4c65; -webkit-box-reflect: below 10px linear-gredient(to bottom, rgba(0, 0, 0, 0, 0), rgba(0, 0, 0, 0, 4)); } .btn:active { scale: 0.92; } .btn2:hover { background: rgb(2, 29, 78); background: linear-gradient(270deg, #009245 0%, #fcee21 60%); color: rgb(4, 4, 38); } .btn1:hover { background: rgb(2, 29, 78); background: linear-gradient(270deg, #6d214f 0%, #18dcff 60%); color: rgb(4, 4, 38); } .btn3:hover { background: rgb(2, 29, 78); background: linear-gradient(270deg, #d4145a 0%, #fbb03b 60%); color: rgb(4, 4, 38); } <!-- Replace with your HTML Code (Leave empty if not needed) -->
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */