Text - Focus¶
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 🎨¶
- blanche ⚪ = #ffffff
- noire ⚫️ = #000000
- vert menthe = #9afba6
- vert = #7adda1
- turquoise = #59b6b3
Requis¶
- Attribuez la couleur blanche ⚪, une taille de 200px et la police Poppins au texte.
- Ajoutez une bordure noire ⚫️ de 1px autour de chaque lettre.
- Resserrez l'espace horizontal ↔️ entre les lettres de l'équivalent d'un 1/5 de lettre.
- Centrez le texte horizontalement ↔️ au centre de son conteneur.
- Transformez le texte en majuscules.
- 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.
- 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.