Cette petite astuce permet d’enjoliver un texte avec un effet multicolore.

Attention à ne pas abuser de cette astuce sous peine de faire fuir votre visiteur.

Le style suivant doit être appliqué en CSS ou à l’aide de l’attribut style en HTML:

-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-image: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet);

Ce qui aura pour effet de créer le texte suivant:

Voici un effet de texte multicolore aux couleurs de l’arc-en-ciel, avec un effet gradient sur toute la longueur du bloc ainsi que sur les lignes suivantes qui sont donc tout aussi belles!
Même en passant à la ligne suivante…