Ana Tudor 🐯<p><a href="https://mastodon.social/tags/cssChallenge2024" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>cssChallenge2024</span></a> How would you code this text effect with:</p><p>❌no text duplication<br>❌no splitting text in multiple elements<br>❌no JS, no images at all<br>⚠️under 15 CSS declarations, including prettifying &amp; layout + a simple SVG filter</p><p>Palette: 0c7fc1, f7961f, 0a161f, 323232.</p><p>If you're a $5+ patron on Patreon, you know where to find the answer.</p><p><a href="https://mastodon.social/tags/pureCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>pureCSS</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</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/filter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>filter</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/svgFilter" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>svgFilter</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/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDev</span></a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webDevelopment</span></a></p>