Créez de superbes dégradés de texte CSS sans effort
Transformez votre code CSS en LESS avec des variables, l’imbrication,
Contrôles de dégradé CSS
.gradient-text { background: linear-gradient(to right, #4F46E5, #EC4899); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
Dégradés
de fruits Comment utiliser
Entrez votre texte
Tapez le texte auquel vous souhaitez appliquer le dégradé dans le " Texte".
Choisissez le type
dégradé Choisissez entre les types de dégradé Linéaire, Radial ou Conique.
Ajuster la direction ou l’angle
Pour les dégradés linéaires, choisissez une direction. Pour les dégradés coniques, définissez l’angle.
Personnalisez les couleurs
Ajoutez, supprimez ou ajustez les arrêts de couleur et leurs positions pour créer le dégradé souhaité.
Copiez ou enregistrez
le code CSS généré ou enregistrez-le en tant que fichier CSS à utiliser dans vos projets.
À propos des dégradés de texte Les
dégradés de texte CSS vous permettent d’appliquer de magnifiques dégradés multicolores directement au texte. Cet effet n’était autrefois possible qu’avec des images, mais le CSS moderne le rend simple et efficace.
Prise en charge des navigateurs :Les dégradés de texte sont pris en charge dans tous les navigateurs modernes, y compris Chrome, Firefox, Safari et Edge. Pour les navigateurs plus anciens comme Internet Explorer, le texte redeviendra uni.
Conseils d’utilisation :dégradés de texte fonctionnent mieux avec du texte en gras et des combinaisons de couleurs à contraste élevé. Expérimentez différents types et directions de dégradé pour obtenir l’effet souhaité.
Related Tools
Convertisseur de stylet en CSS
Rapide, facile et sécurisé.
Convertisseur SCSS en CSS
Transformez votre code SCSS en CSS. Rapide, facile et sécurisé.
Convertisseur Sass en CSS
Transformez votre code Sass en CSS. Rapide, facile et sécurisé.
Convertisseur CSS vers SCSS
Transformez votre code CSS en SCSS avec des variables, l’imbrication, etc. Rapide, facile et sécurisé.
Convertisseur d'image vers Base64
Convertissez les images en encodage Base64 pour le développement Web et l’intégration
Générateur de transitions CSS3
Transition