Fading content using transparent gradients

Here's a cool article from the Polypane blog that looks at different ways of fading out text using CSS in a way that preserves the ability to highlight and copy text.

TL;DR - How background-clip and mask-image can be used to fade out text.

My take on fading content using transparent gradients in CSS | Polypane
Two days ago Amit Merchant wrote a blog post on a technique to fade text out using an overlaid element based on the design of Trunk.io . He walks through how…

Like this post? Got a question?

Reply via Bluesky or Email.