Dégradé de texte

De nos jours, vous pouvez voir des astuces intéressantes comme le dégradé de texte à de nombreux endroits... mais ? Vous êtes-vous déjà demandé comment ils sont fabriqués ? Laissez-moi vous apprendre aujourd'hui.

.text-gradient {
  background: linear-gradient(-25deg, #5662f6 0%, #7fffd4 100%);
  color: transparent;
  background-clip: text;
}

Voir ici d'abord, nous avons donné un dégradé à l'arrière-plan du texte. Ensuite, nous rendrons la couleur du texte TRANSPARENTE afin qu'elle ne soit pas visible.
Après cela, nous utiliserons la propriété background-clip pour faire en sorte que la couleur de l'arrière-plan soit remplacée par la couleur du texte.

Si vous souhaitez connaître 4 autres astuces de ce type, cliquez sur l'image ci-dessous ?