La creation de texte en dégradé dans CSS peut être réalisée en utilisant des images de dégradé comme arrière-plan. Pour cette illustration, nous allons utiliser une couleur de dégradé linéaire.
Voici un exemple de comment vous pouvez le faire:
Html:
```
CSS:
```
h1.gradient-text {
font-size: 60px;
background: -webkit-linear-gradient(rgb(255, 0, 0), rgb(255, 165, 0)); /* Créer le dégradé */
-webkit-background-clip: text; /* Appliquer le dégradé au texte */
-webkit-text-fill-color: transparent; /* Rendre la couleur du texte transparente */
}
```
Cette exemple utilisera un dégradé de rouge à orange sur l’élément de texte. Notez que le `-webkit-background-clip: text` et `-webkit-text-fill-color: transparent` sont des propriétés spécifiques à Webkit qui sont actuellement supportées par Chrome et Safari.
Pour une compatibilité maximale, vous pouvez utiliser un polyfill ou créer une image de votre texte avec l’effet de dégradé que vous souhaitez, et l’utiliser comme une image d’arrière-plan.
