-
Notifications
You must be signed in to change notification settings - Fork 1k
Enhancement: Add CSS Ripple-Wave Tabs for Creative Portfolio Layouts #54474
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:intermediateRequires moderate project understandingRequires moderate project 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:intermediateRequires moderate project understandingRequires moderate project 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 Ripple-Wave Tabs 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:intermediateGood luck and happy coding! 🚀