Créer un compte
Connexion

Générateur de Boutons CSS3

Bienvenue sur le Générateur de Boutons CSS3,
Ce générateur vous permet de créer des boutons CSS3 en configurant à votre choix les options offertes. Vous pouvez changer les couleurs, la taille du texte, la bordure, les marges, les ombres... du bouton. Lors de la personnalisation, un aperçu et un codes CSS3 sont instantanément générés. Lorsque le résultat vous satisfera, il vous suffira de copier le code CSS3 du bouton sur votre site afin d'appliquer l'effet sur les boutons de formulaires (<input> submit, <button>...) ainsi que tout element ayant la classe "button". Le code généré est compatible avec tout les navigateurs modernes: IE10+, Firefox, Google Chrome, Safari et Opera. Cet outil ajoute aussi un effet lorsque la souris est au dessu du bouton ou lorsqu'il est cliqué!

Résultat


Voici le code CSS3 pour mettre l'effet d'ombre sur un élément HTML:

Texte et Arrière Plan



px

px
px

Bordure


px
px

Ombres

%
px
px


Préfixes spécifiques aux navigateurs




Résultat




Outils Similaires (qui pourraient vous intéresser)

Boutons images html Barres de navigation Ombres sur texte CSS3 Ombres CSS3 (box-shadow) Coins arrondis Border-Radius CSS3 Coins arrondis en (X)html/CSS