Fade content using transparent gradients

span {
    display: block;
    mask-image: linear-gradient(to bottom, white, transparent);
}

https://polypane.app/blog/my-take-on-fading-content-using-transparent-gradients-in-css/