Skip to content

Enhancement: Add CSS Morph-Glow Card Grid for Creative Portfolio Layouts #54535

Description

@SAPTARSHI-coder

🎯 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

  1. Submission Folder:
    All files for this submission MUST be placed in a new subfolder under:
    submissions/examples/your-feature-name/

  2. Required Files:

    • demo.html — Clean HTML5 showcase page using standard EaseMotion classes
    • style.css — Pure CSS stylesheet with smooth, performant animations
    • README.md — Documentation detailing usage, CSS custom properties, and features
  3. Code Quality Standards:

    • Must be pure CSS / HTML (No external JS frameworks required)
    • Must use smooth CSS transitions and keyframe animations
    • Fully responsive across desktop, tablet, and mobile viewports
    • Accessible with prefers-reduced-motion support

🏷️ Difficulty Level: level:advanced

Good luck and happy coding! 🚀

Metadata

Metadata

Assignees

Labels

GSSoC-26Official GSSoC 2026 issueacceptedContribution approved for integration into EaseMotion CSSanimationAnimation effects, hover interactions, motion ideas, transitionscontributionenhancementNew feature or requestgood first issueGood for newcomersgssoc:approvedApproved for GSSoC contributionshelp wantedExtra attention neededlevel:advancedComplex issue requiring deep understandingtype:featureNew functionality or enhancement

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions