feat: add CSS Tilt Hover Button for Cyberpunk Neon Layouts#39353
Conversation
✅ Submission Validation Passed!Great job! All required files are present and valid. 📁 Folder:
|
✅ Submission Validation Passed!Great job! All required files are present and valid. 📁 Folder:
|
🎉 Congratulations on your PR merge, @Akshit-Tyagi-05! 🚀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, @Akshit-Tyagi-05! Your changes have been successfully merged into 📊 Daily Merge Progress: You have merged 1/150 PRs today. Daily quota resets in 4 hrs. 📢 GSSoC Leaderboard Status Update: 🎮 Join our Discord Server! |
Pull Request Description
This PR adds a pure CSS Cyberpunk Neon Tilt Hover Button with a smooth hover animation. The component is responsive, keyboard accessible, and customizable using CSS custom properties without any JavaScript.
Type of Change
Submission Checklist
submissions/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 pure CSS Cyberpunk Neon Tilt Hover Button with a smooth tilt animation and neon glow effect.
How does a developer use it?
Why does it fit EaseMotion CSS?
It provides a lightweight, reusable CSS animation using only HTML and CSS, aligns with EaseMotion's animation-first philosophy, and is customizable through CSS custom properties.
Demo
demo.htmlworks by opening directly in a browser)Browser Testing
Notes for Maintainer
Closes #38567