Use a linear-gradient
to fade out content:
ul {
-webkit-mask-image: linear-gradient(to bottom,black,transparent 80%);
mask-image: linear-gradient(to bottom,black,transparent 80%);
}
In this Hasty Treat, Scott and Wes talk through their wishlist for CSS in 2023 including mixins, range selectors, fit text, robust color functions, overflown, and more.
Use a linear-gradient
to fade out content:
ul {
-webkit-mask-image: linear-gradient(to bottom,black,transparent 80%);
mask-image: linear-gradient(to bottom,black,transparent 80%);
}