Bonjour,

J'ai déjà réussi à faire un fond dégradé, mais comment faire un texte dégradé ?

comme ceci

 .degrade {     font-size: 50px;     background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#045FB4));     -webkit-background-clip: text;     -webkit-text-fill-color: transparent; }

<span class="degrade"> voici du texte </span>

degrade {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Bonjour,

background-clip: text n'est pas standard ( https://caniuse.com/#feat=background-img-opts ) et c'est à éviter comme la peste. Idem pour text-fill-color ( https://caniuse.com/#feat=text-stroke ) : "Does not yet appear in any W3C specification." (en plus de n'être implémenté qu'avec les préfixes webkit… la monoculture Google sur le web est une plaie)

Merci de ne pas donner ce genre de solution à un débutant. Utiliser les préfixes vendeurs n'est pas une bonne idée non plus - le W3C a reconnu que leur invention était une erreur, parce que trop de gens ont été feignants et n'ont implémenté dans leur code que la version préfixée et non la version finale.

Pour l'instant, nous avons ce genre de possibilité : http://lea.verou.me/2012/05/text-masking-the-standards-way/

Bonjour,

Mea maxima culpa, j'ai pas vraiment recherché je dois le reconnaitre.