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é.
Générez facilement des transformations CSS3
Un outil puissant et intuitif pour créer des transformations CSS3 complexes sans écrire de code. Visualisez les modifications en temps réel et copiez le CSS généré pour l’utiliser dans vos projets.
Créez des mises en page Flexbox parfaites
.
Texte en ASCII
Convertissez du texte en code ASCII sans
Réduction JSON
Le JSON minifié réduit la taille de vos données, ce qui signifie qu’elles peuvent être transférées plus rapidement
RVB en HSV
Web Convertir les couleurs RVB en valeurs HSV pour une manipulation