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%);
}
It’s time for a redesign, so things may get a little weird around here. Read the release notes to track the progress.
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%);
}