Feat: Add smooth center reveal layout utility

[janievinod]

Pull Request Description
This PR introduces the "Smooth Center Reveal" layout and transition utility inside the designated submissions folder. It provides developers with a seamless, polished approach to perfectly center specific high-focus layout cards or dashboard modules while introducing a fluid entry animation and hover micro-interaction. It closes issue #1207.

Type of Change
[x] ✨ New animation / hover effect

[x] 🧩 New component

[ ] 📝 Documentation improvement

[ ] 🐛 Bug fix in an existing submission

[ ] Other (describe below)

Submission Checklist
⚠️ PRs that fail this checklist will be closed without review.

[x] All changes are inside submissions/examples/your-feature-name/

[x] Includes demo.html — self-contained, opens in browser with no server

[x] Includes style.css — raw CSS for the proposed feature

[x] Includes README.md — what it does, how to use it, why it fits EaseMotion CSS

[x] No changes to core/

[x] No changes to components/

[x] One feature per PR (no bundled unrelated changes)

Feature Description
What does this add?
A premium layout wrapper and card system that scales smoothly from an initial state on load and responds with a subtle interactive scale shift on user hover focus.

How does a developer use it?

HTML

Why does it fit EaseMotion CSS? It strictly follows the animation-first philosophy by taking standard flex centering and elevating it with a modern, fluid entrance velocity (cubic-bezier). It remains deeply human-readable and composable without restricting internal layout rules.

Demo
[x] Demo added (demo.html works by opening directly in a browser)

Browser Testing
[x] Chrome

[x] Edge

[ ] Firefox

[ ] Safari (optional but appreciated)

Notes for Maintainer
Tested locally in Chrome and Edge environments; the glassmorphism backdrop effects render crisply against dark design patterns. Ready for standardization review.

Reminder: Only the repository maintainer may merge pull requests.

Do not self-merge, even if you have write access.

Maximum 2 active assigned issues per contributor — unassign extras before opening a PR.

[github-actions]

✅ Submission Validation Passed!

Great job! All required files are present.

📁 Folder: submissions/examples/smooth-center-reveal

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! 🎉