Text transparent with background image

[romainmartinez]

Hello,

I try to reproduce this style with Tailwind:

Here is a Tailwind play link with a minimal example.

I would like the text to be transparent and see the image through it.

Does anyone see how to do this?
Thanks!

[chr-ge]

You can use bg-clip-text (docs): https://play.tailwindcss.com/YGa2BXRcXT
Or, you can achieve this by using mix-blend-mode: https://play.tailwindcss.com/6xRcScjAON?file=css

[romainmartinez]

mix-blend-mode does the trick, thank you fellow Montrealer.

[simonswiss]

This was a great use of Tailwind Play to ask the question with maximum context 🎉

[MathGeniusJodie]

https://github.com/hacknug/tailwindcss-blend-mode
https://tailwindcss.com/docs/background-clip