Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-blur.json
- Purpose
- Use blur to soften media or transition edges and mask minor loading or compositing imperfections.
- Trigger
- Trigger from media readiness, layer changes, or focus changes with a restrained blur radius.
- Interruptibility
- Continue from the current filter value on state changes and remove unnecessary filters after completion.
- Reduced motion
- Show crisp content directly, preserving only static hierarchy and opacity changes.
blurBlurA blur filter blends neighboring pixels to soften edges, depth layers, or transitional artifacts.
clip-pathClip-pathA geometric clipping region controls which portion of an element is painted.
maskMaskAn alpha or luminance image modulates visibility, allowing gradients and soft-edged reveals.