Blur effects

Blur effects give iOS materials their distinctive visual character and functionality. Each material type applies blur differently — from the intense diffusion of thick materials to the gentle haze of ultra-thin ones.

Blur intensity directly impacts content legibility and hierarchy. Strong blur effects help separate overlaying content, while subtle blur maintains context by letting underlying elements show through. The blur effect responds dynamically to user interaction and content changes.

Key blur characteristics:

• Intensity varies by material type
• Adapts to background content
• Changes with scrolling motion
• Maintains legibility across modes