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.
8 commentaires !
Luc says:
août 18, 2008
“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 ;)
Rbeuque74 says:
août 18, 2008
@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 ^^
Valentin says:
août 18, 2008
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:
Luc says:
août 18, 2008
@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…
Pitou43 says:
août 18, 2008
Merci encore ! :D
Un lecteur régulier… :P
Rbeuque74 says:
août 19, 2008
@Valentin: le public du blog “geekeries”, c’est plutôt des geeks, donc c’est normal pour moi :lol:
Luc says:
oct 26, 2010
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
Rbeuque74 says:
oct 26, 2010
qu’es tu veux, les migrations des gros intra/extranet c’est du boulot, et personne s’y est attelé xD
Qu'est-ce que vous en pensez ? :)