Créer des boutons en quelques secondes avec CSS3 Button Generator

Une petite application indispensable pour tous les intégrateurs HTML/CSS, le CSS3 ButtonGenerator. Avec cet outil, vous pourrez créer pour votre site web des boutons de navigation en quelques secondes.
Vous pourrez personnaliser votre bouton selon votre guise : margin, border-radius, font, padding ou encore color

Une image de CSS3 ButtonGenerator

css3-button-generator

Cette application web se présente comme un petit formulaire qu’il faudra remplir comme l’indique la partie gauche de l’image.À droite de l’image, le « Buttonpreview » qui vous permet de visualiser votre bouton. La visualisation se met automatiquement à jour à chacune des modifications effectuées sur la partie gauche « Settings ».

Lorsque vous aurez terminé, le formulaire génèrera une classe CSS qui sera immédiatement prête à l’emploi dans votre feuille de styles CSS.

Un petit bonus offert par cet web-app CSS3 ButtonGenerator est qu’il vous est possible de sélectionner des couleurs par l’intermédiaire d’un colorpicker. Également, vous pourrez distinguer instantanément le rendu de votre bouton.

Vidéo de démonstration

Répondre