131 · Conception et Web

Générateur de dégradé CSS

Choisissez des couleurs et un angle, voyez le dégradé en direct et copiez le CSS.

Vos données : Cet outil traite votre saisie dans ce navigateur. CapyHelp ne télécharge pas cette entrée pour générer votre résultat. Détails de confidentialité

Générateur de dégradé CSS

Tapez
#4f46e5
#ec4899
#f59e0b

Comment utiliser le générateur de dégradé CSS

  1. Choisissez linéaire, radial ou conique.
  2. Choisissez deux ou trois couleurs et définissez l'angle.
  3. Copiez le CSS dans votre feuille de style.

Types de dégradés

  • Linéaire se fond le long d’une ligne droite selon l’angle que vous choisissez.
  • Radiale s'étend à partir du centre sous la forme d'un cercle ou d'une ellipse.
  • Conique balaie le centre comme une roue chromatique.

La première ligne du CSS est une couleur d'arrière-plan unie pour les très anciens navigateurs.

Exemples

Indigo à rose à 135°

arrière-plan : dégradé linéaire (135 deg, #4f46e5, #ec4899) ;

Cercle radial

arrière-plan : dégradé radial (cercle, …);

Questions

Les dégradés fonctionnent-ils dans tous les navigateurs ?

Les dégradés linéaires et radiaux fonctionnent dans tous les navigateurs actuels. Les dégradés coniques fonctionnent également dans tous les principaux navigateurs actuels.

Traduction automatique. Passez en revue les résultats importants.