Astuce CSS3 : Créer un bouton arrondi

Voici une petite trouvaille CSS3 qui vous permettra de faire, par exemple des boutons arrondis ou des formulaires arrondis personnalisé en une seule image, ça va faire plaisir à Luc.

Oui c’est sur en une seule image sa peut paraître dur, mais non, en fait le fonctionnement de cette fonction est très simple, c’est en fonction du texte, plus le texte est long plus la largeur du bouton est élevé.

Cette fois je ne vous ferais pas de tutoriel, tellement que c’est parlant, à moins que vous ne me le demandiez, vus que le tutoriel est en anglais. Compatible seulement avec Firefox 3.1 & Safari.

Allez plus loins

9 réponses

  1. « Compatible seulement avec Firefox 3.1 & Safari. »

    sic…

    c’est clair que j’attend avec une très très grande impatience que CSS3 soit implémenté par IE.

    mais bon, quand tu pense que plus du tiers des utilisateurs sont encore sous IE6, et qu’a priori, c’est pas prêt de changer (sachant qu’IE7 n’est que le navigateur par défaut de windows vista) et que vista ne veut pas se lancer…

    c’est pas pour demain qu’on va profiter des bordures arrondis.

    cela dit, si ca t’interesse je peux te faire un tuto sur comment faire un bouton avec des bord arrondis en utilisant 3 images et qui sera compatible avec tous les navigateurs ;)

  2. @Luc: c’est vrai que avec la masse d’utilisateurs qui est encore sur IE6, et qui ne veulent pas migrer parce que « les mises à jours, ça sert à rien, ça marche bien là » …. comme on l’entends souvent chez les néophytes ^^

  3. Surtout en voyant mes stats…
    Visites
    Contribution de « Version du navigateur » au total :
    1. IE 7.0 – 518 – 77,31 %

    2. IE 6.0 – 152 – 22,69 %

    Heureusement que Safari et Firefox sont en tête… sinon j’aurais fermé l’accès aux utilisateurs IE :mrgreen:

  4. @Rbeuque74 : Moi je pense surtout aux utilisateurs de gros intra/extranet qui sont sous IE6

    faire migrer un milier de machines d’IE6 à IE7 dans une grosse entreprise c’est du boulot mine de rien…

    donc si ça fonctionne bien comme ça, c’est tant mieux aussi…

  5. haha… plus de 2 ans après mon premier commentaires…

    et on utilise toujours pas les coins arrondis de manière standard dans les CSS…

    huhu… et on entend encore parler d’IE6

  6. Ha ha…je relis encore une fois cet article…

    2013 : Y’a des gens qui utilisent css3 pour faire des arrondis en prod sur des sites vraiment grands publics tout en avouant gérer une bonne compat ?

    2013 : IE6 est finalement décédé, IE7 quant à lui continue de faire de la résistance…

    2013 : toujours pas de CSS3 ni de coin arrondis pour tout le monde XD

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *