Créez rapidement de magnifiques dégradés CSS avec CSS Gradient Creator
bookmark_borderbookmark
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Cet outil conçu par Josh W Comeau permet de créer très facilement des dégradés esthétiques.
Le générateur de dégradés CSS de Josh W Comeau est une application Web simple et très efficace qui vous aide à créer des dégradés magnifiques et luxuriants.

Personnellement, j'ai du mal à faire correspondre la syntaxe à un élément visuel, cet outil m'a donc été d'une grande aide. Elle se concentre sur la création de dégradés linéaires et vous permet de les configurer à l'aide de différents modes de couleur (comme HCL), même s'ils ne sont pas directement compatibles avec la fonction CSS linear-gradient
. L'article de blog d'aide de Josh explique plus en détail comment l'interpolation des couleurs est calculée et appliquée à un élément que le navigateur peut afficher. Il s'agit d'une lecture fascinante de certaines des théories qui sous-tendent son fonctionnement.
Dégradé linéaire
Navigateurs pris en charge
Source
Image principale de Luke Chesser sur Unsplash
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2022/05/04 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2022/05/04 (UTC)."],[],[]]