Amazon’s Pure CSS Solution to Avoid Cutting Off Text

Amazon’s Pure CSS Solution to Avoid Cutting Off Text - oldie but goodie

background-image: -webkit-linear-gradient(bottom, white 15%, rgba(255, 255, 255, 0) 100%);

Update: Syd Lawrence points out that it’s worth using pointer-events: none on the mask. This is the CSS property that makes the front layer porous, allowing mouse clicks to cheekily slip through to the element behind it.