✀

générateur texte dégradé

Créez de superbes effets de texte dégradé CSS. Personnalisez les couleurs, la direction et la taille de police — prévisualisez en direct et copiez le code CSS prêt à l’emploi.

Outils de génération Fonctionne localement Aucune donnée envoyée
dégradéCSSeffet de textegénérateur
56px
Texte dégradé

Qu’est-ce que le générateur texte dégradé ?

Le générateur texte dégradé applique un dégradé multicolore fluide à votre texte et génère du CSS prêt à l’emploi. Prévisualisez l’effet en direct et copiez la classe CSS directement dans votre feuille de style.

Comment utiliser le générateur texte dégradé

  1. Saisissez votre texte et choisissez les couleurs du dégradé.
  2. Sélectionnez une direction et ajustez la taille de police.
  3. Copiez le CSS et collez-le dans votre feuille de style.

Outils associés

🌈
générateur dégradé CSS
Générer des dégradés d’arrière-plan
🪟
Générateur ombre CSS
Créer des effets d’ombre portée superposés
🎨
générateur palette couleur
Générer des palettes de couleurs harmonieuses
En savoir plus▾
Comment fonctionne le texte dégradé CSS

Le texte en dégradé CSS utilise background: linear-gradient(...) combiné à -webkit-background-clip: text et -webkit-text-fill-color: transparent. Cela limite le dégradé à la forme du texte, les lettres apparaissant remplies par les couleurs du dégradé.

Questions fréquentes
Cela fonctionne-t-il dans tous les navigateurs ?

Oui. Le préfixe -webkit est inclus pour une large compatibilité.