Texte flou

qu'est-ce que c'est ?

comment faire ?

Feuille de style CSS je vous prie !
Apparence > Modifier le thème > Ajouter du CSS

Nous allons rendre le texte transparent et ne laisser que la trace de son ombre. Oui, transparent, le texte sera transparent, vous l'avez bien lu ! Ainsi, nous aurons cet effet de texte flou.

Ajoutez donc ce code

Donc, comme je l'ai dis, ici nous avons la transparence de notre texte et son ombre attribuée par le sélécteur text-shadow. Modifiez la couleur de l'ombre en remplaçant #82908f par le code de la couleur de votre choix. Le 5px est également modifiable, plus le chiffre sera petit, moins le texte sera flou et vice versa. Petite astuce ; préférez de grands chiffres lorsque votre texte est grand.

Le CSS, c'est fait !
Intéressons-nous maintenant à notre ami HTML !
Créez un article et rédigez le texte que vous souhaitez rendre flou, comme dans l'exemple, puis ouvrez votre fenêtre d'édition HTML en cliquant sur le petit bouton HTML de cette dernière. Vous devriez avoir quelque chose comme cela

Ce que vous allez faire maintenant, c'est remplacer le <p> par <div class="flou"> et le </p> par </div>

Enregistrez et admirez le résultat !