Créateur de dégradés CSS
Construisez exactement le dégradé voulu.
Choisissez la géométrie, réglez précisément les arrêts de couleur et l’opacité, puis utilisez les mêmes valeurs pour l’aperçu et le CSS exporté.
- Positions d’arrêt précises
- Arrêts nets pris en charge
- Fonctionne dans ce navigateur
Réglages du dégradé
Chaque modification valide met immédiatement à jour l’aperçu et le CSS. Les valeurs invalides restent modifiables sans être corrigées silencieusement.
Géométrie
Saisissez un angle de 0 à 360.
Utilisez une valeur de 0 à 360.
Saisissez une valeur de centre de 0 à 100.
Saisissez une valeur de centre de 0 à 100.
Utilisez des valeurs de 0 à 100 pour les centres horizontal et vertical.
Arrêts de couleur
Les positions sont triées de 0 % à 100 % pour le CSS. Les arrêts à la même position conservent l’ordre de la liste afin de créer une rupture nette.
-
{{ t('stops.itemTitle', { number: index + 1 }) }}
Saisissez une couleur HEX telle que #1F4E79.
Opacité et position
%Saisissez une opacité de 0 à 100.
%Saisissez une position de 0 à 100.
Un dégradé nécessite au moins deux arrêts.