Masking and Compositing (mask-image) in CSS

Stop Using Hacks for Transparent Cutouts Imagine this scenario: your designer hands you a Figma file where a beautiful hero image fades into the background via a complex grunge texture or a smooth radial gradient. Or better yet, a scrollable list that subtly vanishes at the bottom to hint at more content. Ten years ago, we would probably have reached for a glass of whiskey and started hacking together transparent PNG overlays. Today? We have mask-image , the CSS superpower that lets us control t