Choisissez la fonction
Utilisez linéaire pour un axe, radial depuis un centre ou conique autour d’un point.
Une déclaration CSS visuelle
Créez des gradients linéaires, radiaux et coniques sans deviner
Modifiez positions, angle, forme et centre pendant que le navigateur rend la déclaration exacte. Copiez un background-image stable sans envoyer palette ou code.
Sans compte · sans réseau · 2–8 points · CSS déterministe
Trois étapes explicites
Choisissez, positionnez, copiez
Placez 2 à 8 points
Les pourcentages sont triés ; les positions égales gardent leur ordre pour les coupures nettes.
Copiez une déclaration
Collez background-image dans votre feuille et testez le contexte réel.
Passage design-développement
Quand une idée visuelle exige un CSS exact
- Réglez le fond d’un hero ou d’une carte et transmettez la déclaration exacte.
- Comparez les structures sans réécrire la syntaxe.
- Créez des coupures nettes avec des points au même pourcentage.
Local par conception
Transformez une direction visuelle en CSS exact
Créez et copiez la déclaration, puis vérifiez contraste et compatibilité dans le composant réel.