Générateur de boutons CSS

Personnalisez votre bouton visuellement et obtenez un HTML + CSS propre, prêt à coller en un clic.

Libellé du bouton

Couleur de fond

Couleur du texte

Utiliser un dégradé

Couleur de fin du dégradé

Rayon de bordure (px): 10

Intensité de l'ombre: 2

Rembourrage vertical (px): 12

Rembourrage horizontal (px): 28

Taille de police (px): 16

Luminosité au survol: 85%

Largeur de bordure (px): 0

Couleur de bordure

Aperçu

Code généré

Fonctionne entièrement dans votre navigateur. Rien n'est téléchargé.

Comment ça marche

STEP 1

Choisissez les couleurs, le dégradé, le rayon de bordure, l'intensité de l'ombre et l'effet hover.

STEP 2

Le bouton se met à jour instantanément à chaque modification.

STEP 3

Cliquez sur « Copier le code » pour obtenir le fragment HTML + CSS prêt à l'emploi.