feature: add ease-backdrop-blur utility for glassmorphism backgrounds

[Pcmhacker-piro]

Proposal

Add a ease-backdrop-blur utility class that applies backdrop-filter: blur() directly, enabling glassmorphism without per-component CSS.

Current gap

components/navbar.css has backdrop-filter: blur(16px) hardcoded. A first-class utility lets users apply glass effects to any element.

Suggested API

<div class="ease-backdrop-blur ease-bg-white\/50">Glass panel</div>

.ease-backdrop-blur { backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

Add variants:

• ease-backdrop-blur-sm → blur(4px)
• ease-backdrop-blur-md → blur(12px)
• ease-backdrop-blur-lg → blur(20px)
• ease-backdrop-blur-none → blur(0)

Value

Core building block for glassmorphism, frosted navigation, and overlay panels.

[github-actions]

Hey @Pcmhacker-piro! 👋

Thanks for opening this issue — you've been auto-assigned to it.

Before you start coding, please read the quick checklist:

• Make sure no existing issue already covers this idea
• Read the Contribution Guide before opening a PR
• Add files only inside submissions/examples/your-feature-name/
• Include demo.html · style.css · README.md in your folder
• Max 2 active issues per contributor — unassign others before taking new ones

🕑 Inactivity rule: Issues with no progress for 5 days will be unassigned and reopened for others.

The maintainer will review your PR once submitted. Good luck! ⚡

[github-actions]

🔒 Issue Resolved & Closed.

This issue has been marked as accepted and successfully resolved. Thanks for participating! ✨