Pour cet exercice, vous devez manipuler les propriétés de texte en CSS afin de recréer un effet typographique.

Aperçu du résultat 👇

Matériel

Couleurs 🎨

Blanc #fff
Noir #000
Vert menthe #9afba6
Vert #7adda1
Turquoise #59B6B3

Requis

  1. Attribuez la couleur blanche ⚪, une taille de 200px et la police Poppins au texte.

  2. Ajoutez une bordure noire ⚫️ de 1px autour de chaque lettre.

  3. Resserrez l'espace horizontal ↔️ entre les lettres de l'équivalent d'un 1/5 de lettre.

  4. Centrez le texte horizontalement ↔️ au centre de son conteneur.

  5. Transformez le texte en majuscules.

  6. Ajoutez plusieurs ombres au texte toutes décalées de 5px de plus les unes des autres vers la droite et le bas du mot original ↘️ avec les couleurs vert menthe, vert et turquoise.

  7. Ajoutez entre chacune des ombres une ombre noire ⚫️ supplémentaire à peine plus décalée de 1px que la précédente afin de générer une ligne noire entre chaque ombre de couleur.

👏

Shout out à Mat Voyce pour son animation ayant servi d’inspiration pour cet exercice.

Notes de cours 📚