Most of our day-to-day programming isn't glamorous. Sometimes, you'll find yourself spending hours getting a shadow to render correctly. In fact, that's exactly what I'm here to show you today. I recently needed to allow for scrolling CSS shadows that only display when a content area can be scrolled in a particular direction. Luckily, as with so many things on the web, this tricky problem was solved years ago by Lea Verou. Let's learn the secret sauce she implemented to make this particular technique work.
View the source code for this episode on GitHub.
Published on May 26th, 2020.