Texte en dégradé

Par Mamy01, il y a 9 ans


Bonjour,
Je suohaite mettre mon texte en dégradé de couleurs. Du code exite comme :
h1 {
font-size: 150px;
background: -webkit-linear-gradient(#ffa800, #ff0000, #ffa800);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

ou bien :
h1, p{
font-size: 50px;
background: -webkit-gradient(linear, left top, left bottom, from(#e38c8d), to(#202359));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

Aucun de ces codes ne fonctionne sur wordpress.
Y a t il un code spécifique pour avoir son texte écrit en couleur dégradée.
Bien à vous,

5 réponses

Florian.C, il y a 9 ans

Bonjour,

Tu dois simplement le mettre dans le mauvais fichier ou c'est peut être que ta règle n'est pas prit en compte. Aide toi de l'inspecteur d'élément pour voir si tu l'as retrouve ou si une autre règle est pris en compte.

Bon courage !

Lartak, il y a 9 ans

Bonjour.
Pourtant le deuxième fonctionne bien, regardes ici.

Mamy01, il y a 9 ans

J'ai regardé "ici" , le texte n'est pas en dégradé il est noir.
Merci qu'en même. Je ne vais pas m'étendre su le sujet. Comment le met on en résolu ?

Florian.C, il y a 9 ans

Il te suffit de déclarer les deux couleurs que tu souhaite dans :

background: -webkit-gradient(linear, left top, left bottom, from(!!!ici!!!), to(!!!ici!!!));

C'est tout simplement la case verte en haut à droite d'un commentaire :)

Lartak, il y a 9 ans

Je viens de tester avec les navigateurs : Firefox, Chrome, Safari et Edge, et j'ai bien le dégradé, je ne sais donc pas pourquoi tu dis que tu n'as que du texte noir, mais ça doit être un problème qui ne vient pas du code CSS en lui même.
Sinon, pour marquer un sujet comme résolu, il te faut cliquer sur le bouton de couleur verte : Il a répondu à ma question (un texte de ce genre), au niveau des réponses.