Materials & Vibrancy

Reduce transparency

When the user requests reduced transparency, materials fall back to a solid, opaque background and the blur is dropped.

@media (prefers-reduced-transparency: reduce) → toolbar becomes a plain fill.

Toolbar
Translucent by default

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

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