Générateur de boutons CSS3

Voici un générateur de boutons CSS3

Update : Mise a jour du générateur
  • Prise en charge d'IE10
  • Mise a jour de la syntaxe

Gradient

Texte

Border (bordure)

Shadow (ombrage)

Résultat

Code à copier

color:#343434;
-moz-box-shadow: 0px 0px 10px #343434;
-webkit-box-shadow: 0px 0px 10px #343434;
-o-box-shadow: 0px 0px 10px #343434;
box-shadow: 0px 0px 10px #343434;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 1px solid #656565;
background:#cfcfcf;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf", endColorstr="#656565"); /* Pour IE seulement et mode gradient à linear */
background: -webkit-gradient(linear, left top, left bottom, from(#cfcfcf), to(#656565));
background: -webkit-linear-gradient(#cfcfcf, #656565);
background: -moz-linear-gradient(#cfcfcf, #656565);
background: -o-linear-gradient(#cfcfcf, #656565);
background: -ms-linear-gradient(#cfcfcf, #656565);
background: linear-gradient(#cfcfcf, #656565);

Faire un don pour m'aider
à continuer d'améliorer le site

Autres outils que vous pourriez aimer

retourner en haut de la page