Utility Tools

Générateur de Dégradés CSS

Créer de beaux dégradés CSS avec aperçu en direct.

Fait partie des 445+ outils gratuits de Yoopla.

Dégradé Aperçu

Dégradé Paramètres

CSS Code

background: linear-gradient(90deg, #ff6b6b, #4ecdc4);

How to Use Générateur de Dégradés CSS

  1. 1

    Sélectionner deux couleurs.

  2. 2

    Choisir type.

  3. 3

    Choisir direction.

  4. 4

    Copier CSS ou télécharger PNG.

Frequently Asked Questions

Comment utiliser le code CSS ?

Copiez le CSS généré et appliquez-le à la propriété background de n'importe quel élément dans votre feuille de style.

Puis-je utiliser plus de 2 couleurs ?

Cet outil prend en charge les dégradés à 2 couleurs. Pour les dégradés multi-arrêts, vous pouvez éditer le code CSS manuellement.

Quels navigateurs supportent les dégradés CSS ?

Tous les navigateurs modernes supportent les dégradés CSS. Pour IE9 et antérieur, utilisez une couleur de secours unie.

Partager l'outil

Partagez cet outil avec d'autres

Related Tools

Explorez l’écosystème autour de

Catégorie: Utility Tools

Utilisez cet outil comme point de départ, puis explorez les outils voisins, les hubs thématiques, les comparaisons et les alternatives gratuites.

Outils Connexes

Découvrez d'autres outils qui fonctionnent bien avec Générateur de Dégradés CSS

Hubs Thématiques

Explorez des pages piliers et des workflows connectés

Articles et Guides Connexes

En savoir plus sur l'utilisation efficace des outils

Comparaisons d'Outils

Comparez les fonctionnalités et choisissez le bon outil

Collections des Meilleurs Outils

Listes organisées des outils les mieux notés

Générateur de Dégradés CSS | Yoopla