feat: Add Pure CSS Sliding Glassmorphic Tabs Component (ease-tabs) #773

[Hasini2706]

Pull Request Description

Adds a new Pure CSS Sliding Glassmorphic Tabs Component (ease-tabs) that provides a modern tab-switching interface using radio inputs and CSS sibling selectors. The component features a smooth animated glider, glassmorphism styling, responsive behavior, and accessibility-friendly interactions without requiring JavaScript.

---

Type of Change

• 🧩 New component
• ✨ New animation / hover effect
• 📝 Documentation improvement
• 🐛 Bug fix in an existing submission
• Other

---

Submission Checklist

• All changes are inside submissions/examples/ease-tabs/
• Includes demo.html — self-contained, opens in browser with no server
• Includes style.css — raw CSS for the proposed feature
• Includes README.md — what it does, how to use it, why it fits EaseMotion CSS
• No changes to core/
• No changes to components/
• One feature per PR (no bundled unrelated changes)

---

Feature Description

What does this add?

A responsive glassmorphic tab component with a smooth sliding active-state glider, implemented entirely in CSS.

How does a developer use it?

<div class="ease-tabs">
  <input type="radio" id="tab-1" name="tab-group" checked>
  <label for="tab-1" class="ease-tab-label">Dashboard</label>

  <input type="radio" id="tab-2" name="tab-group">
  <label for="tab-2" class="ease-tab-label">Analytics</label>

  <input type="radio" id="tab-3" name="tab-group">
  <label for="tab-3" class="ease-tab-label">Settings</label>

  <div class="ease-tabs-glider"></div>
</div>

Why does it fit EaseMotion CSS?

This component aligns with EaseMotion CSS's animation-first and zero-dependency philosophy by providing a polished interactive UI pattern using only HTML and CSS.

---

Demo

• Demo added (demo.html works by opening directly in a browser)

---

Browser Testing

• Chrome
• Edge
• Firefox
• Safari (not tested)

---

Notes for Maintainer

• Built entirely with HTML and CSS
• Uses radio-button state management and CSS sibling selectors (~) for glider movement
• Includes accessibility-friendly markup and keyboard navigation support
• Responsive across mobile and desktop viewports

Fixes #773