https:/
So that's two ways to fade text content.
mask-imageis a little more flexible, butbackground-clipis a little more widely supported. Both are great ways to fade text content, and I hope you can use them in your projects!
I wonder if MDN could add screenshots of the live examples, so people can see the result even if their browser doesn't support a feature yet.
For example for CSS Grid masonry layout:
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout
I'm using Firefox, so I had to activate the layout.css.grid-template-masonry-value.enabled flag to see the “good” result.
An Interactive Guide to CSS Grid
In this tutorial, I'm going to share the biggest 💡 lightbulb moments I've had in my own journey with CSS Grid. You'll learn the fundamentals of this…
Worth mentioning again that this is just CSS with a touch of HTML. Also worth pointing out that very little of this is specific to CSS view transitions.…
View transitions and stacking context: Why does my CSS View Transition ignore z-index?
Paint order, the order in which your elements are painted, cannot be easily calculated without applying a complex algorithm, especially since many…
OKLCH in CSS: why we moved from RGB and HSL
By moving to OKLCH today, we’re preparing ourselves for the not-so-distant future where native color modification will be available in CSS. OKLCH…
Kilian Valkhof 
Josh W. Comeau
Tyler Gaw
Nic Chan