Stripped text-shadow

Posté le 21 décembre 2018 dans Techno

Stripped text-shadow

On peut dire ce qu’on veut, rien ne vaut un beau titre, bien mise en valeur.

Bien sûr, cela commence par le wording, puis par le choix de la typo. Mais il serait bête de garder l’habitude du print et de s’arrêter là ! Grâce aux technos web et notamment le CSS3, il est possible de créer de superbes effets comme celui que je vous ai sélectionné aujourd’hui.

Il s’agit d’un effet de text-shadow animé en rayures, qui utilise notamment les propriétés -webkit-background-clip: text et linear-gradient. Mais je vois que vous êtes pressés de mettre les mains dans le cambouis :

See the Pen [webkit] Animated “text-shadow” pattern by carpe numidium (@carpenumidium) on CodePen.

voir le codepen