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é.
Créez des mises en page Flexbox parfaites
.
Convertisseur SCSS en CSS
Transformez votre code SCSS en CSS. Rapide, facile et sécurisé.
Convertissez JSON vers Texte sans effort
Transformez vos données JSON en texte brut formaté en un seul clic. Rapide, sécurisé et entièrement basé sur un navigateur.
Générateur de triangles CSS
Personnalisez votre triangle avec les options ci-dessous et obtenez instantanément le code CSS généré.
Créez de superbes chargeurs CSS
Générez des animations de chargement CSS personnalisées en quelques secondes grâce à notre interface intuitive de type glisser-déposer. Aucun codage n’est requis !