Feature/clip path calendar#44879
Conversation
🎉 Congratulations on your PR merge, @srujana-manda! 🚀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 Integrated! Thank you for your contribution, @srujana-manda! Your changes have been successfully merged into 📊 Daily Merge Progress: You have merged 25/150 PRs today. Daily quota resets in 20 hrs. 📢 GSSoC Leaderboard Status Update: 🎮 Join our Discord Server! |
Pull Request Description
This PR adds a Clip Path Calendar component inspired by retro design patterns. The component is built using pure HTML and CSS, features a smooth clip-path reveal animation, is responsive, accessible, and requires no JavaScript. It follows the EaseMotion CSS philosophy of lightweight, reusable, animation-first UI components.
Type of Change
Submission Checklist
submissions/(e.g.,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?
A responsive calendar component with a smooth clip-path reveal animation and interactive date hover effects inspired by retro UI designs.
How does a developer use it?
Why does it fit EaseMotion CSS?
The component is lightweight, reusable, and animation-focused. It uses pure CSS, follows EaseMotion-style naming conventions, requires no JavaScript, and can be easily integrated into websites that need an animated calendar interface.
Demo
demo.htmlworks by opening directly in a browser)Browser Testing
Notes for Maintainer
ease-clip-pathanimation.