Ana Tudor 🐯<p>Ever wanted to cut text out of a div's background so you can see through this text to what's behind this div?</p><p>Can do it with a super simple SVG filter where we pick the RGB channels of the desired background for the div and invert the div's alpha <a href="https://stackoverflow.com/a/78548682/1397351" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">stackoverflow.com/a/78548682/1</span><span class="invisible">397351</span></a></p><p><a href="https://mastodon.social/tags/StackOverflow" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StackOverflow</span></a> <a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/cutout" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cutout</span></a> <a href="https://mastodon.social/tags/punchThrough" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>punchThrough</span></a> <a href="https://mastodon.social/tags/textEffect" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>textEffect</span></a> <a href="https://mastodon.social/tags/textTransparency" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>textTransparency</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>frontend</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>dev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a></p>