Text Transparency

How do i archive the text transparency in the picture, so i could see the background through the text, despite the fact that it's still ontop of the white background. Thanks.
No description
8 Replies
13eck
13eck14mo ago
You use a design tool to create the effect, like Affinity Designer/Photo or Adobe Illustrator/Photoshop. You then export as an image.
ἔρως
ἔρως14mo ago
GeeksforGeeks
How to Add Image in Text Background using HTML and CSS ? - Geeksfor...
A Computer Science portal for geeks. It contains well written, well thought and well explained computer science and programming articles, quizzes and practice/competitive programming/company interview Questions.
ἔρως
ἔρως14mo ago
like this? if you want to replicate the entire thing, you will have a better time with svg
Kuba
Kuba14mo ago
Illustrator/any SVG would be better, as the text will always be sharp, just saying
Jochem
Jochem14mo ago
you can use background-clip: text and a second element with the same background on it https://codepen.io/jochemm/pen/oNJeRQJ?editors=1100
Choo♚𝕂𝕚𝕟𝕘
Don't forget the webkit variant for background clip.
background-clip: text;
-webkit-background-clip: text;
background-clip: text;
-webkit-background-clip: text;
Without that, it won't work in Chrome, which is the most popular browser.
Jochem
Jochem14mo ago
oh nice, sorry, I missed the note in caniuse
Want results from more Discord servers?
Add your server