Skip to main content

​
Overview

Blur utilities are now bundled and mapped through the current framework source. They are most useful for decorative media, background plates, and softened support layers.

​
Example

​
Markup

​
Best Practices

  • Use blur on decorative media, not on body text.
  • Start with blur-sm or blur before moving into the heavier levels.
  • Pair blur with opacity and overlays for more controlled hero treatments.
  • Use filter-none to intentionally reset inherited filter chains.

Brightness

Pair blur with brightness adjustments on media

Saturate

Add or remove intensity after softening imagery