feat: add Animated Gradient Text Effect (#1182)

[Pcmhacker-piro]

Closes #1182

Pull Request Description

Adds an animated gradient text effect in submissions/examples/text-gradient/ using background-clip: text with a smoothly shifting multi-colour gradient. Customisable via CSS custom properties with 3 speed variants.

---

Type of Change

• 🧩 New component

---

Submission Checklist

• All changes are inside submissions/examples/text-gradient/
• 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 CSS-only animated gradient text effect where the text fill shows a smoothly shifting multi-colour gradient.

How does a developer use it?

<h1 class="ease-text-gradient">Animated Gradient Heading</h1>
<p class="ease-text-gradient ease-text-gradient-slow">Slower variant</p>
<span class="ease-text-gradient" style="--ease-gradient-from: #22c55e; --ease-gradient-to: #06b6d4;">Custom colours</span>
Why does it fit EaseMotion CSS?
Pure CSS keyframe animation (ease-kf-text-gradient) with background-clip: text, 3 speed modifiers, and customisable gradient colours via --ease-gradient-from / --ease-gradient-mid / --ease-gradient-to. Respects prefers-reduced-motion.
Demo
- Demo added (demo.html works by opening directly in a browser)
Browser Testing
- Chrome
- Firefox
- Edge
- Safari (optional but appreciated)
Notes for Maintainer
No JavaScript required. Uses -webkit-text-fill-color: transparent and background-clip: text for cross-browser gradient text support. On reduced motion, falls back to a static two-colour gradient.

Closes #1182

[github-actions]

✅ Submission Validation Passed!

Great job! All required files are present.

📁 Folder: submissions/examples/text-gradient

Files found:

• ✅ demo.html
• ✅ style.css
• ✅ README.md

🚀 Next Steps:

• The maintainer will review your PR
• Respond to any feedback if requested
• Once approved, your contribution will be merged!

Thank you for contributing to EaseMotion CSS! 🎉

[Pcmhacker-piro]

heyy @SAPTARSHI-coder
i fixed the assign issue so pls check this