Button Maker - Générez vos boutons CSS 3 en quelques clics

Button Maker est un service web gratuit permettant de créer visuellement vos boutons CSS et de générer le code associé.

En quelques clics, et grâce aux sliders et color pickers, vous aurez la possibilité de:

• Changer le padding du bouton
• Changer la taille du texte
• Changer l'angle d'arrondissement des bordures
• Modifier les couleurs de dégradé
• Modifier la couleur de fond au survol
• Modifier la couleur de fond lorsqu'il est actif
• Police d'écriture
• Etc

En cliquant sur le bouton, vous obtiendrez le code CSS:

.button { 
    border-top: 1px solid #96d1f8; 
    background: #65a9d7; 
    background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); 
    background: -moz-linear-gradient(top, #3e779d, #65a9d7); 
    padding: 12px 24px; 
    -webkit-border-radius: 18px; 
    -moz-border-radius: 18px; 
    border-radius: 18px; 
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; 
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; 
    box-shadow: rgba(0,0,0,1) 0 1px 0; 
    text-shadow: rgba(0,0,0,.4) 0 1px 0; 
    color: white; 
    font-size: 20px; 
    font-family: Helvetica, Arial, Sans-Serif; 
    text-decoration: none; 
    vertical-align: middle; 
} 
.button:hover { 
    border-top-color: #28597a; 
    background: #28597a; 
    color: #ccc; 
} 
.button:active { 
    border-top-color: #1b435e; 
    background: #1b435e; 
}

Pas mal de code CSS3, donc incompatible avec les vieux OS.

Site Officiel