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…
![](https://polypane.app/og-images/my-take-on-fading-content-using-transparent-gradients-in-css.png)
Like this post? Got a question?
Reply via: Email, Bluesky, Mastodon, Twitter