feat(submission): add retro crt monitor scanline & flicker overlay #55627
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 9/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 #55615 by adding an
ease-crt-containeroverlay effect that uses repeating linear gradients to simulate a retro CRT monitor scanline and flicker effect.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?
A highly stylized overlay component that gives any image, video, or container a retro 80s/90s CRT monitor vibe. It uses CSS
repeating-linear-gradientfor scanlines and subtleopacitykeyframes for screen flicker.How does a developer use it?