-
Notifications
You must be signed in to change notification settings - Fork 163
[FEATURE] Add ease-float animation utility for subtle floating motion #515
Copy link
Copy link
Open
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, transitionscomponentNew UI components (buttons, cards, modals, tooltips, badges)New UI components (buttons, cards, modals, tooltips, badges)enhancementNew feature or requestNew feature or requestgood first issueGood for newcomersGood for newcomersgssoc:approvedApproved for GSSoC contributionsApproved for GSSoC contributionshelp wantedExtra attention neededExtra attention neededintegratedSuccessfully merged and included in the frameworkSuccessfully merged and included in the frameworklevel:beginnerSuitable for first-time contributorsSuitable for first-time contributorslevel:intermediateRequires moderate project understandingRequires moderate project understandingtype:featureNew functionality or enhancementNew functionality or enhancement
Metadata
Metadata
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, transitionscomponentNew UI components (buttons, cards, modals, tooltips, badges)New UI components (buttons, cards, modals, tooltips, badges)enhancementNew feature or requestNew feature or requestgood first issueGood for newcomersGood for newcomersgssoc:approvedApproved for GSSoC contributionsApproved for GSSoC contributionshelp wantedExtra attention neededExtra attention neededintegratedSuccessfully merged and included in the frameworkSuccessfully merged and included in the frameworklevel:beginnerSuitable for first-time contributorsSuitable for first-time contributorslevel:intermediateRequires moderate project understandingRequires moderate project understandingtype:featureNew functionality or enhancementNew functionality or enhancement
Feature Request
Add a new animation utility called
ease-floatthat creates a smooth floating effect by moving an element slightly up and down in a continuous loop.Motivation
Floating animations are commonly used for:
This utility would align with EaseMotion CSS's animation-first philosophy and provide developers with a reusable micro-interaction without requiring custom keyframes.
Proposed API