CSS3 Please : « le » générateur de CSS3

CSS3 Please! est certainement l’un des meilleurs générateurs de CSS3 disponibles en ligne.

Ce générateur propose l’essentiel des propriétés CSS3 : border-radius, box-shadow, Gradient, RGBa(), Transition, @font-face… avec les filtres Microsoft pour IE6/7 et IE8.

Le site se présente sous la forme d’un éditeur de code, où il est possible d’éditer chaque ligne et de voir les changements s’opérer instantanément sur le modèle en haut à droite de la page.

À gauche, on trouve les déclarations CSS3 et en haut à droite, le rendu direct des changements appliqués.

• Chaque déclaration peut être masquée ou affichée en cliquant sur le libellé {toggle rule off/on}.
• Chaque valeur en jaune peut être modifiée.
• Toutes les compatibiltés (navigateurs) sont affichées à droite.
• Il suffit de copier/coller le code pour l’intégrer dans sa feuille de style.

CSS3 Please! génère automatiquement des balises propres à satisfaire tous les navigateurs. Par exemple, pour obtenir des coins arrondis, la propriété border-radius prendra les formes suivantes :

• moz-border-radius sous Firefox.
• webkit-border-radius sous Chrome et Safari.
• border-radius sous Opera et le prochain IE9.

Etant donné qu’il est assez laborieux de trouver chacune des dénominations pour une seule et même propriété, CSS3 Please! vous permettra de gagner un précieux temps.

Visitez le site : CSS3 Please.