progressive-blur
Installation
SKILL.md
Progressive Blur Skill
When to use
- Smooth blur transitions at top/bottom of sections
- Hero overlays, navigation backgrounds, content fade-outs
- Modern glassmorphism effects
Usage checklist
- Insert the HTML inside
<body> - Keep
.gradient-blurnear the top of the DOM - Ensure background content exists behind it (backdrop-filter blurs what is behind)
- Adjust
z-indexto sit above content but below modals