feat(submission): add stacked deck card fan-out reveal on hover (#55613)#55624
Conversation
✅ Submission Validation Passed!Great job! All required files are present and valid. 📁 Folder:
|
|
🎉 Pull Request Integrated! Thank you for your contribution, @anuragbraveboy-sudo! Your changes have been successfully merged into 📊 Daily Merge Progress: You have merged 7/150 PRs today. Daily quota resets in 19 hrs. 📢 GSSoC Leaderboard Status Update: 🎮 Join our Discord Server! |
🎉 Congratulations on your PR merge, @anuragbraveboy-sudo! 🚀Thank you so much for your valuable contribution to EaseMotion CSS! Your code is now merged into the main branch. 🎮 Join our Discord Server! ⭐ If you haven't already, please consider giving this repository a Star! It helps show your support, increases project visibility, and helps us grow the community. ✨ Thank you again, and happy coding! 💻 |
Pull Request Description
This PR resolves #55613 by adding an
ease-stacked-containercomponent that seamlessly fans out overlapping cards radially upon hover using pure CSS.Type of Change
Submission Checklist
submissions/examples/your-feature-name/demo.html— self-contained, opens in browser with no serverstyle.css— raw CSS for the proposed featureREADME.md— what it does, how to use it, why it fits EaseMotion CSScore/components/Feature Description
What does this add?
Creates a component where 3 cards are stacked on top of each other (like a deck of playing cards). When the user hovers over the container, the cards beautifully fan out radially using
transform: rotate()andtranslate().How does a developer use it?