Normalisation CSS -moz -webkit

Bonjour,

Je recherche un site qui pourrais me générer les différents attributs css pour chaque navigateur.

ex:

Code:

---

1 2 3 4

#foo { border-radius: 10px; }

---

a transformer en

Code:

---

1 2 3 4 5 6 7

#foo { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; /* etc. */ }

---

Merci d'avance.

Bonjour,
je te comprend, comme il est pénible de les rajouter :mrgreen:

Ceci devrait donc te convenir
:fleche: PrefixFinder : trouver la syntaxe CSS adaptée à l'utilisateur

Merci.

Et oui c'est super pénible surtout la c'est un css que je récupère de quelqu'u d'autre, moi j'ai l'habitude de les mettres.

Sinon le script a l'air intéressant mais j'aurais préféré quelque chose ou on charge notre css et il nous ressortirais la version "corrigé" avec laquelle je pourrai écraser mon .css.
Le fait de charger un js qui fait le changement a chaque chargement de page ne me plait pas trop. :?

ah laissez tomber je viens de trouver ma réponse.

http://prefixmycss.com/

Le fait de voir le mot "préfix" dans le plugin, m'a mis la puce a l'oreille pour faire une recherche google efficace. ;)

Salut,


Perso je trouve qu'il y a peu d'intérêt à préfixer border-radius.
La version normalisé est supporté depuis plus de 3 ans et pour des navigateurs disposant d'une mise à jour auto (donc probablement mis à jour depuis) :

• Chrome 4.0 (janvier 2010)
• Safari 5 (juin 2010)
• Firefox 4.0 (mars 2011)

Surtout qu'en plus selon les versions les préfixes peuvent utiliser des formats différents, que le site prefixMyCss ne gère pas forcément...


a++