NovaWeb City

Créateur d'expériences web modernes & performantes

Image en transparence du texte

Pit64 09/09/2025 09/09/2025 3 vues Développement web
Il existe tellement de choses faisable avec le CSS que certaines sont quasiment totalement inconnues. Je mets ici comment faire pour qu'une image en arrière-plan d'un texte ne soit visible que dans les caractères du texte.

Pour cela, vous devez avoir une image prête à l'usage et votre texte. Pour l'exemple, ce texte se trouve dans des balises HTML <p>. Voici le code CSS à utiliser :

background-text-68c05a0e16488692012685.jpg


Et voici le résultat en exemple :

background-text-68c05a0e1e1ad274656936.png


Il est pas beau, le rendu ? J'imagine que vous reconnaissez l'image utilisée dans cette exemple 🙂