Générateur de styles CSS3

Publié le 2 avril 2013 - Outils Webmasters. Tags : ,

css3gen logoSi l’arrivée des CSS3 est une excellente nouvelle pour d’innombrables raisons, le revers de la médaille concerne la manipulation des propriétés ajoutées. En effet, la plupart des effets introduits par cette mise à jour ont des propriétés généralement plus importantes que les éléments traditionnels, et ces propriétés doivent aussi souvent être dupliquées afin d’assurer une compatibilité entre les navigateurs.

Ceci est principalement dû à une relative jeunesse, n’empêche, là ou un simple border-radius:5px devrait suffire pour arrondir une div avec un angle de 5px selon les spécifications de la norme, il est souvent nécessaire d’ajouter -webkit-border-radius: 5px, ou -moz-border-radius: 5px (pour ne citez qu’eux) si vous voulez reproduire l’effet sur Chrome ou Firefox (selon les versions).

Heureusement pour les feignants, CSS3Gen existe, et vous permet de paramétrer en quelques clics divers styles à votre convenance. A ce jour, l’auteur propose les 5 générateurs suivants: ombre de boites, ombre de texte, bords arrondis, dégradés, et création de boutons.

Selon l’outil sélectionné, vous aurez accès à différents paramètres, incluant un aperçu en temps réel et bien sûr le code HTML/CSS3 à utiliser. Chaque générateur dispose ses petites explications, et présente la liste des navigateurs supportés… ou non.

Un petit utilitaire en ligne sans prétention pouvant s’avérer très utile !


Articles sur ce thème :