gradient est un utilitaire en ligne de command UNIX permettant de générer une image PNG contenant un dégradé de couleur.

Cette utilitaire permet de mettre en place une alternative universelle au filter de Microsoft.

Couleur du début du dégradé
Couleur de fin du dégradé
Sens du dégradé
Horizontal Vertival
Taille du dégradé en pixels
Cadre de test
Cadre de test

Lorsque j'ai commencé le projet Lanthrasites, j'ai rapidement passé beaucoup de temps à faire des dégradés pour les backgrounds de mes div. Les dégradés sont omniprésents, dès que l'on fait un petit peu de design.

Evidemment, j'ai voulu mettre en place une gestion de dégradé en CSS. Malheureusement, la norme CSS ne le prévoit pas... Seul Microsoft Internet Explorer, avec les ActiveX dans l'attribut filter permettait de le faire. Le projet gradient était né.

gradient génère des images exactement comme l'ActiveX de Microsoft, mais est facilement intégrable à Apache. Ainsi, les dégradés deviennent gérable dans la CSS à travers des background-image.

Le formulaire ci-contre, vous permet de générer des background image de dégradé à intégrer directement dans des CSS.

L'URL sous le formulaire vous permet de télécharger facilement l'image générée et vous donne un exmple d'implémentation dans Apache.

Lien et URL de l'image png généré :