Icone_actu Actu Icone_creative Creative Icone_bdw Blog Du Webdesign Icone_emploi Emploi BDW

CSS3 : Créer et personnaliser facilement des boutons en CSS

by Ginet Vincent - le 15/11/2011

  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
  • 3

Le BlogDuWebdesign vous propose une jolie découverte qui vous aidera dans la création et l'intégration de vos web design. Désormais vous réaliserez vos boutons CSS3 en un rien de temps !

Réalisez vos boutons en CSS3

L'outil "best-CSS3-button-make" va vous permet de créer et personnaliser vos boutons facilement et rapidement en CSS3. L'interface pour paramétrer vos boutons est simple et complète, vous pouvez gérer les couleurs, la taille, la typographie, le contenu du bouton, le border, les ombres, etc.

best-CSS3-button-maker

Une fois votre bouton mise en forme comme vous le souhaitez, il suffit de récupérer le code généré en appuyant sur celui-ci. Tout est automatisé et intégré avec les différents préfixes pour les navigateurs afin d'optimiser la compatibilité.

code CSS best-CSS3-button-maker

Par contre tout n'est pas modifiable, on a un :hover créé automatiquement. Pour le personnaliser vous devrez mettre les mains dans le code. De plus on a seulement la possibilité de mettre la typographie en gras et non en italique ce qui est dommage.

Voici quelques exemples non exhaustifs de ce que l'on peut faire avec :

exemple CSS3-button

Il est vrai, le dernier exemple n'est pas...un très bon exemple ;) 

Voici le lien pour essayer cet outil : http://webarti.com/best-CSS3-button-maker/

Merci d'avance à ceux qui partageront l'article et non l'outil directement.  ;) 

 

Devenez membre !

Rejoignez la communauté des créatifs du web !
- Partagez vos créations
- Gagnez en visibilité
- Créez votre blog facilement
> En savoir plus

Créer mon compte
  • Partager l'article en 1 clic !

    N'hésitez pas à aider le BlogDuWebdesign
  • 3
37b908b3fc2ef97244b19c7e24313a3b Auteur : Ginet Vincent voir son blog

Passionné par le Web, les Arts Graphiques et les installations numériques, je travaille actuellement dans l'agence Dezup que nous avons créé avec l'équipe du BlogDuWebdesign J'interviens dans dif...

6commentaires

  • Cdc1894ea086bc568f5ec09a9b156507
    Eva

    le 15/11/11| #1

    Belle trouvaille, un outil sympatique, à la portée de tous et très utile ! Les modèles par défaut sont bien jolis !

  • C0d2d8dd2530a20640340895b66ee641
    David

    le 15/11/11| #2

    Cool! Merci bien. :)

  • Fb9d89b0c7c61c4c0666a4fb326f3406
    Daria

    le 15/11/11| #3

    Thanks !

  • 1415f7711b13977d247b0eb79ae9bf6a
    Marguerite

    le 15/11/11| #4

    Moi j'aime bien le dernier bouton ^^

  • Fd55e854fcf44e7d47e4b72fa5e25064
    Destermes Renaud

    le 18/11/11| #5

    Ils ont osé la comic sans MS les salopards :)

  • 6af69f375ff14b32a4d2f4f428b151bb
    Denis

    le 28/03/12| #6

    Hum le dernier design est particulièrement réussi :)

Ecrire un commentaire