Materials & Vibrancy

Scroll edge effect

Instead of a permanent 1px divider, a fixed header gains a subtle blur or shadow only once content scrolls behind it — the separation appears when it's needed.

Title
Header gains a shadow only after you scroll

Tap the example to replay it · press and hold to slow it down

One of 220 cards in apple hig flashcards. Browse every card.