Ultimate CSS Gradient Generator: Générer des dégradés en CSS

Ultimate CSS Gradient Generator: Générer des dégradés en CSS

Avec l’avènement du web 2.0, les dégradés (subtils de préférence) sont omniprésents dans le design des sites web. Ultimate CSS Gradient Generator est un outil web qui crée pour vous le code CSS permettant d’obtenir l’effet souhaité.

Il fut un temps (et c’est toujours le cas parfois), les dégradés des images de fond en arrière plans ou des boutons de navigations étaient pour la plupart des images placées via les feuilles de style CSS avec du texte par dessus.

Depuis l’avènement du HTML5, le fond a été de plus en plus dissocié de la forme et les fonctionnalités des feuilles de styles CSS ne cessent d’augmenter. Le CSS3 permet d’ailleurs de pouvoir modifier la mise en forme d’une page web via des scripts, ce qui donnent des effets d’animations qui n’ont rien à envier au Flash.

Pour en revenir à notre sujet, il est donc possible actuellement sans aller jusqu’au CSS3 de générer des dégradés de couleurs à partir du code CSS. Cette solution a l’avantage d’optimiser le chargement de la page car l’effet est généré par le code et il n’y a pas d’image à charger. Ultimate CSS Gradient Generator vous permet donc de récupérer ce code à partir du dégradé obtenu en jouant avec des palettes de couleurs et des curseurs.

Aperçu du CSS Gradient Generator

Aperçu du CSS Gradient Generator

Comme toujours, Internet Explorer ayant ses spécificités, un bouton permet de rendre le code CSS généré compatible avec IE9 et dans la zone « Preview », on peut obtenir un aperçu du rendu dans IE.

Il est également possible apparemment d’importer une image pour en obtenir le code en CSS, mais je n’ai pas encore essayé.

Ci-dessous, un tutoriel vidéo (en anglais) pour mieux cerner le fonctionnement de l’outil:

Pour accéder à l’outil, c’est par ici: Ultimate CSS Gradient Generator .

Si vous avez trouvé cet article utile, vous pouvez partager le dégradé que vous avez créé par le biais d’un commentaire.

 

Vous avez trouvé cet article utile? Partagez le !

1 Comment

  1. Ultimate CSS Gradient Generator: OUTIL pour Générer des dégradés en CSS - Geek mais pas que ... | Création de site web - Outils - Infos et astuces | Scoop.it
    Ultimate CSS Gradient Generator: OUTIL pour Générer des dégradés en CSS - Geek mais pas que ... | Création de site web - Outils - Infos et astuces | Scoop.it11-14-2012

    […] Ultimate CSS Gradient Generator est un outil web qui crée pour vous le code CSS permettant d'obtenir un effet de dégradé souhaité.  […]

Leave a Reply

Petit défi pour filtrer les messages automatiques : * Time limit is exhausted. Please reload CAPTCHA.