This effect is so cool and just around fun to see.
A CSS cut-out effect! What it comes down to is having a background image show through the text.
How it works is that we will have a div that will have the image as a background.
On that, we put our t...

Hashnode is a community-driven platform for developers to share knowledge, ask questions, and connect with peers in the tech industry. Developers can learn about new technologies, programming languages, and software development methodologies, engaging in discussions, and networking with fellow developers to expand their knowledge and grow their careers in tech.

Hashnode

A CSS cut-out effect is having a background image show through the text. The effect is so cool and just around fun to see. It's only a div with a text element inside it. The last step is enabling the mix-blend-mode. Since we are using a full contrast, it will totally remove the black text and show whatever is behind there.

CSS cut out effect that will blow your mind 🤯

<p>Awesome effect from some simple CSS. Love that it’s supported in lots of places.</p>


<p>I was surprised by how easy this super cool effect was.</p>
