Skip to content

feat(core): add floating ghost drift animation mixin - #82664

Closed
Avinash-sdbegin wants to merge 1 commit into
SAPTARSHI-coder:mainfrom
Avinash-sdbegin:feat/81848-floating-ghost-drift
Closed

feat(core): add floating ghost drift animation mixin#82664
Avinash-sdbegin wants to merge 1 commit into
SAPTARSHI-coder:mainfrom
Avinash-sdbegin:feat/81848-floating-ghost-drift

Conversation

@Avinash-sdbegin

@Avinash-sdbegin Avinash-sdbegin commented Aug 13, 2026

Copy link
Copy Markdown
Contributor

Description

It is a critical issue to add a reusable Floating Ghost Drift animation to the EaseMotion core animation library.

This PR introduces a lightweight animation utility using GPU-friendly transform and opacity properties, configurable timing variables, and reduced-motion support.

Changes

  • Added @keyframes ease-floating-ghost-drift
  • Added .ease-anim-floating-ghost-drift utility class
  • Added configurable --ease-duration
  • Added configurable --ease-timing
  • Added prefers-reduced-motion override
  • Added will-change hints for animated properties

Performance

  • Uses transform and opacity for efficient animation
  • Avoids layout-affecting properties
  • Includes reduced-motion handling

Testing

  • Verified animation declaration
  • Verified custom duration and timing variables
  • Verified git diff --check
  • Verified reduced-motion override

Closes #81848

@SAPTARSHI-coder

SAPTARSHI-coder commented Aug 13, 2026

Copy link
Copy Markdown
Owner

❌ PR Closed — Files Outside submissions/ Folder

@Avinash-sdbegin, this PR has been automatically closed because it modifies files outside the allowed submissions/ directory:

  • core/animations.css

What to do

Contributions must only add files inside the submissions/ folder. Please:

  1. Create a new branch
  2. Add only your submission files under submissions/examples/your-feature-name/
  3. Open a new PR

See the contribution guide for details.

— EaseMotion CSS Guard

@SAPTARSHI-coder SAPTARSHI-coder added the invalid This doesn't seem right label Aug 13, 2026
@github-actions github-actions Bot added animation Animation effects, hover interactions, motion ideas, transitions good first issue Good for newcomers GSSoC-26 Official GSSoC 2026 issue gssoc:approved Approved for GSSoC contributions help wanted Extra attention needed level:intermediate Requires moderate project understanding type:feature New functionality or enhancement core and removed help wanted Extra attention needed good first issue Good for newcomers animation Animation effects, hover interactions, motion ideas, transitions GSSoC-26 Official GSSoC 2026 issue gssoc:approved Approved for GSSoC contributions level:intermediate Requires moderate project understanding type:feature New functionality or enhancement labels Aug 13, 2026
@github-actions

github-actions Bot commented Aug 13, 2026

Copy link
Copy Markdown
Contributor

🔒 PR Closed (Unmerged). This PR was closed without being merged. No GSSoC points or credit awarded.

@SAPTARSHI-coder

SAPTARSHI-coder commented Aug 13, 2026

Copy link
Copy Markdown
Owner

🔒 Pull Request Closed: This PR has been automatically closed because it does not contain any file changes under the submissions/ directory. Contributors must place their submissions under the submissions/ directory (e.g., submissions/examples/your-feature-name/ or submissions/docs/your-feature-name/). Thank you!

@SAPTARSHI-coder

SAPTARSHI-coder commented Aug 13, 2026

Copy link
Copy Markdown
Owner

❌ Submission Validation Failed

Thank you for your contribution! However, some required files are missing or incorrect.

📋 Required Structure

submissions/your-category/your-feature-name/ (e.g., submissions/examples/ or submissions/docs/)
├── demo.html     ← Interactive demo with DOCTYPE, html, head, body tags
├── style.css     ← Your original CSS (not copy-pasted from a template)
└── README.md     ← Brief description of your feature

🔍 Issues Found:

🔠 Strict Code Integrity Protection

  • ❌ Repository rule violation: You are not allowed to change existing code. Modified existing files: core/animations.css.

🔠 Core Framework Protection

  • ❌ PR modifies core framework/configuration files: core/animations.css. Contributors may only modify files inside the submissions/ directory.

🔠 Submission Folder Protection

  • ❌ This PR does not contain any additions inside the submissions/ directory. Contributors must place their submissions under the submissions/ directory (e.g. submissions/examples/your-feature-name/ or submissions/docs/your-feature-name/).

📝 How to Fix:

  1. Ensure all 3 files exist with real, original content
  2. demo.html must have <!DOCTYPE html>, <html>, <head>, <body> tags
  3. style.css must contain your own CSS (not copy-pasted boilerplate)
  4. Push fixes to this branch — the validator will re-run automatically

📖 See CONTRIBUTING.md for full guidelines.

@SAPTARSHI-coder

SAPTARSHI-coder commented Aug 13, 2026

Copy link
Copy Markdown
Owner

🔒 Pull Request Closed

This PR was automatically closed because it failed the submission validation check.

Please fix the issues listed above, then open a new pull request. Thank you!

@github-actions

github-actions Bot commented Aug 13, 2026

Copy link
Copy Markdown
Contributor

📊 CSS Bundle Size Benchmark

This PR changes the size of easemotion.min.css.

Metric Base Branch This PR Difference
Raw 174.09 KB 174.60 KB 📈 +0.50 KB
Gzip 28.61 KB 28.71 KB 📈 +0.10 KB
Brotli 22.66 KB 22.68 KB 📈 +0.02 KB

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@SAPTARSHI-coder SAPTARSHI-coder Awaiting requested review from SAPTARSHI-coder SAPTARSHI-coder is a code owner

Assignees

@Avinash-sdbegin Avinash-sdbegin

@SAPTARSHI-coder SAPTARSHI-coder

Labels

core gssoc:invalid invalid This doesn't seem right invalid-submission needs-files

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

feat(core): Add Floating Ghost Drift SCSS animation mixin

2 participants

@Avinash-sdbegin @SAPTARSHI-coder