Outils

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.

A LIRE AUSSI :  ZBar : dupliquer la barre de tâches Windows sur vos écrans
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.

 

Amah

Passionné de nouvelles technologies, je partage ici des innovations technologiques qui impactent notre quotidien, ainsi que des astuces & outils pour simplifier notre vie à l'ère du numérique. Tech addict & casual dev | Interested by Technology, Energy & Africa

Articles similaires

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

 

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Bouton retour en haut de la page