Appliquez un dégradé au TEXTE à l'aide de CSS.

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;
}

Voyez ici d'abord nous avons donné un dégradé au fond 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 voulez connaître 4 autres astuces de ce type, cliquez sur l'image ci-dessous ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!