feat: add CSS-only cross-document View Transition API demo example

[Pcmhacker-piro]

Description

A two-page (gallery → detail) demo showcasing the CSS View Transitions API for cross-document (MPA) navigation with shared element morphing animations.

Fixes #10877

Type of Change

• New feature

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my code
• My changes generate no new warnings or console errors
• No existing core files were modified

Changes Made

Created submissions/examples/ease-view-transitions/ with:

File	Purpose
gallery.html	Gallery grid with 3 cards, each linking to a detail page
detail.html	Detail page with hero image, sets matching view-transition-name via JS
style.css	Framework imports, @view-transition rules, custom ::view-transition-old/new animations, prefers-reduced-motion
README.md	Documentation

How it works

• @view-transition { navigation: auto } enables cross-document transitions
• Each card image has view-transition-name: card-N (0-2)
• Detail page applies the matching name to the hero element
• Custom ::view-transition-old()/new() animations using ease-kf-fade-in/out keyframes
• Graceful degradation: unsupported browsers navigate normally
• Respects prefers-reduced-motion

[github-actions]

🛑 Contribution Rate Limit Exceeded

Hi @Pcmhacker-piro! 👋

To maintain repository stability, review quality, and a fair contribution distribution, EaseMotion CSS enforces a soft contribution limit of up to 30 PRs per day per contributor.

It looks like you have submitted 56 pull requests in the last 24 hours (including this one), which exceeds this limit.

To ensure focus on quality, originality, and proper testing, we have automatically closed this pull request for now. Please wait until tomorrow or close some of your other active PRs before submitting new ones.

Thank you for your understanding and cooperation! 🚀

[github-actions]

❌ Submission Validation Failed

Thank you for your contribution! However, some required files are missing.

📋 Required Structure

submissions/examples/your-feature-name/
├── demo.html     ← Interactive demo (required)
├── style.css     ← CSS styles (required)
└── README.md     ← Documentation (required)

🔍 Issues Found:

📁 Folder: submissions/examples/ease-view-transitions

Missing files:

• ❌ demo.html - Interactive demo showcasing your feature

Present files:

• ✅ style.css
• ✅ README.md

---

📝 How to Fix:

1. Add the missing files to your branch
2. Push the changes to this PR
3. The validator will automatically re-run

📖 See CONTRIBUTING.md for guidelines.

[SAPTARSHI-coder]

🔒 Pull Request Closed: This PR has been automatically closed because it failed the repository's submission validation check.

To continue contributing, please address the errors shown in the validation summary comment above in your local branch, and open a new, clean Pull Request once resolved. Thank you!