Skip to content

feat: add green sparkle cursor effect to diease page - #1780

Merged
omroy07 merged 1 commit into
omroy07:mainfrom
Muskankr:feature-spaerkle-cursor
May 25, 2026
Merged

feat: add green sparkle cursor effect to diease page#1780
omroy07 merged 1 commit into
omroy07:mainfrom
Muskankr:feature-spaerkle-cursor

Conversation

@Muskankr

Copy link
Copy Markdown
Contributor

Which issue does this PR close?

Rationale for this change

The disease.html page previously had a static cursor with no visual feedback.
Adding a sparkle cursor improves interactivity and provides a more engaging user experience, aligning with AgriTech’s modern UI/UX goals.

What changes are included in this PR?

  • Implemented a green sparkle cursor effect that follows the mouse pointer.
  • Added CSS for thicker sparkles (20px) with smooth fade‑out animation.
  • Integrated JavaScript to dynamically generate and remove sparkles on mouse movement.
  • Scoped changes to disease.html and disease.css only.

Screenshots

Before

Screenshot 2026-05-23 193208

After

Screenshot 2026-05-23 193140

Are these changes tested?

  • ✅ Tested locally in light theme.
  • ✅ Verified sparkles appear consistently across desktop and mobile browsers.
  • ✅ Confirmed sparkles last longer (1.5s) for visibility and screenshots.
  • ❌ No backend/API changes required.

Are there any user-facing changes?

Yes. Users will now see a green sparkle trail following their cursor on the disease.html page.
This is a purely visual enhancement and does not affect functionality.

Thank you reviewing my PR!

Disease predictor page is already fixed so i added sparkle cursor effect instead of that.

@vercel

vercel Bot commented May 23, 2026

Copy link
Copy Markdown

@Muskankr is attempting to deploy a commit to the Om Roy's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions

Copy link
Copy Markdown

Thanks for creating a PR for your Issue! ☺️

We'll review it as soon as possible.
In the meantime, please double-check the file changes and ensure that all commits are accurate.

If there are any unresolved review comments, feel free to resolve them. 🙌🏼

@omroy07
omroy07 merged commit a5be383 into omroy07:main May 25, 2026
1 of 4 checks passed
@github-actions

Copy link
Copy Markdown

🎉 Congrats @Muskankr on getting your PR merged! 🙌
Thanks for the contribution — looking forward to more from you 🚀

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Disease Predictor page layout is broken (Navbar, Logo, and Main Content not working properly)

2 participants