Convertir du CSS3 en BackgroundImage

23 août 2010 par: Benoit Bonneville

Les sites internet ont de plus en plus de dégradés et des bords arrondis sans Images.
Le CSS3 et HTML5 arrivent sur nos navigateurs.
Les nouvelles fonctionnalités de rendus en CSS3 permettent de nous affranchir des images de fond.

Mais comment faire pour obtenir le même affichage sur les navigateurs n’ayant pas cette nouvelle technologie ?
C’est pour cela que j’ai fais un petit site Internet :
http://www.css3toimage.com
Un convertisseur de CSS3 en équivalent CSS accompagné d’une Image de fond (Background-Image).

Les propriétés CSS3 qui y sont disponible sont :

  • La couleur de fond qui peut devenir un dégradé (linear gradiant).
  • Les bords de votre élément qui peuvent être arrondis (border radius).

Le site supporte aussi les modifications de bordure inhérente à l’ancien CSS.

Plus tard ce site proposera certainement les ombres et des options avancés, comme des angles arrondis de valeur différentes à chacune extrémités.

J’espère que cela servira a quelqu’un et n’hésitez pas à me contacter si vous trouvez un bug.

Filed under: Développement

Répondre