Francesco Schwarz avatar Francesco Schwarz

Overview of CSS-only scrolling shadows and content fading techniques

Screenshot of “Overview of CSS-only scrolling shadows and content fading techniques”

When content overflows and the scrollbar is insufficient or intentionally hidden, visual cues such as scroll shadows or fading effects signal that additional material extends beyond the visible region.

This is an overview of five CSS techniques for implementing these cues, for both vertical and horizontal scrolling.