-
Notifications
You must be signed in to change notification settings - Fork 994
Enhancement: Add CSS Morph-Glow Card Grid for Creative Portfolio Layouts #54535
Copy link
Copy link
Closed
Labels
GSSoC-26Official GSSoC 2026 issueOfficial GSSoC 2026 issueacceptedContribution approved for integration into EaseMotion CSSContribution approved for integration into EaseMotion CSSanimationAnimation effects, hover interactions, motion ideas, transitionsAnimation effects, hover interactions, motion ideas, transitionscontributionenhancementNew feature or requestNew feature or requestgood first issueGood for newcomersGood for newcomersgssoc:approvedApproved for GSSoC contributionsApproved for GSSoC contributionshelp wantedExtra attention neededExtra attention neededlevel:advancedComplex issue requiring deep understandingComplex issue requiring deep understandingtype:featureNew functionality or enhancementNew functionality or enhancement
Description
Metadata
Metadata
Assignees
Labels
GSSoC-26Official GSSoC 2026 issueOfficial GSSoC 2026 issueacceptedContribution approved for integration into EaseMotion CSSContribution approved for integration into EaseMotion CSSanimationAnimation effects, hover interactions, motion ideas, transitionsAnimation effects, hover interactions, motion ideas, transitionscontributionenhancementNew feature or requestNew feature or requestgood first issueGood for newcomersGood for newcomersgssoc:approvedApproved for GSSoC contributionsApproved for GSSoC contributionshelp wantedExtra attention neededExtra attention neededlevel:advancedComplex issue requiring deep understandingComplex issue requiring deep understandingtype:featureNew functionality or enhancementNew functionality or enhancement
🎯 Issue Description
We are expanding EaseMotion CSS with modern, lightweight, pure CSS/HTML showcase examples!
This issue requests the creation of a CSS Morph-Glow Card Grid for Creative Portfolio Layouts.
📋 Guidelines & Requirements
Submission Folder:
All files for this submission MUST be placed in a new subfolder under:
submissions/examples/your-feature-name/Required Files:
demo.html— Clean HTML5 showcase page using standard EaseMotion classesstyle.css— Pure CSS stylesheet with smooth, performant animationsREADME.md— Documentation detailing usage, CSS custom properties, and featuresCode Quality Standards:
prefers-reduced-motionsupport🏷️ Difficulty Level:
level:advancedGood luck and happy coding! 🚀