Box-shadow et text-gradient

text-gradient simple superieur

Resultat obtenu avec une ombre interne ton sur ton recouvrant en partie le texte, a l'aide de box-shadow et :before pour generer une boite CSS se superposant au texte.

text-gradient simple inferieur

Même technique, l'ombrage est deplacé dans la zone inferieur de la boite.

(dans la suite de ces textes, testons un gradient double et du multiligne)

text-gradient double

Même technique usant de deux ombrages (ombre multipe , multiple box-shadow).

text-gradient double

Idem que le precedant, fond et couleur d'ombrage: blanc

Limiter à une ou plusieurs lignes ?

Tenter de faire un text-gradient sur plusieurs ligne a l'aide d'ombrage interne n'est pas possible. Tout au plus en appliquant un double ombrage superieur et inferieur, ceux-ci se repartiront sur la premiere et derniere ligne.

ton sur ton , fond et texte

Autre possibilité avec box-shadow, qui ne s'apparente pas a un text-gradient, mais a un fondu de couleur et le maintient d'une bordures sur les textes avec un text-shadow renforcé.

Ecrire un commentaire




Quelle est la quatrième lettre du mot gppbnl ?