Il existe beaucoup de générateurs de dégradés CSS sur la toile. Parmi eux, voici Gradienta, un site qui propose des dégradés en CSS mais aussi téléchargeables en SVG et JPG.
Shahadat Rahman, un graphiste du Bangladesh, a décidé de créer Gradienta afin de pouvoir proposer des fonds colorés pour les projets qu'il dirige.
L'outil est gratuit et propose pratiquement 200 dégradés déjà tout faits !
La page d'accueil met en avant plusieurs catégories : les nouveaux, les plus visités de la semaine, du mois et de tous les temps.
Vous pouvez copier le code CSS directement depuis le site pour chaque dégradé.
Le code CSS généré pour ce dégradé est :
background: radial-gradient(100% 225% at 100% 0%, #FF0000 0%, #000000 100%), linear-gradient(236deg, #00C2FF 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 0%, #CDFFEB 36%, #009F9D 36%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
background-blend-mode: overlay, hard-light, normal;Ou télécharger le dégradé dans les dimensions que vous souhaitez, au format JPG, PNG ou SVG.
Le site dispose en plus d'un générateur de dégradé proposant des fonctionnalités plutôt avancées :
