Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add cursor trail effect #1367

Closed
saadgibawa opened this issue Oct 31, 2024 · 3 comments
Closed

Add cursor trail effect #1367

saadgibawa opened this issue Oct 31, 2024 · 3 comments

Comments

@saadgibawa
Copy link

Is your feature request related to a problem? Please describe.
I'm looking to enhance the user experience by making cursor interactions more engaging. Currently, the cursor movement feels static, and adding a trail effect would create a more dynamic, visually interactive feel for users. It would align with modern UI trends that emphasize interactivity, providing an improved, enjoyable experience for the users as they navigate through the site.

Describe the solution you'd like
I would like to implement a cursor trail effect where a small, fading trail follows the cursor as it moves around the screen. Key elements of the solution include:

  1. Color: Set to match the site’s theme colors.
  2. Opacity: Low opacity to keep the effect subtle.
  3. Length and Size: Adjustable to ensure the trail is noticeable but not intrusive.

Describe alternatives you've considered
Static Cursor Animation: I considered using a static animation that only plays when hovering over certain elements but felt it would be less engaging and reduce interactivity across the page.
Highlighting Elements: Another option was to highlight elements when hovering, but that would only work for specific UI elements, not enhancing overall cursor movement.

Additional context
Implementing this with minimal JavaScript and CSS would keep the effect lightweight and ensure smooth performance. A similar effect can be seen on interactive websites that aim to engage users with every movement.

Copy link

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀

Copy link

Hello @saadgibawa!
Thank you for raising this issue.

Please make sure to follow our Contributing Guidelines.
Don't forget to ⭐ our Imagine AI.

Our review team will carefully assess the issue and reach out to you soon!
We appreciate your patience!

Copy link

To reduce notifications, issues are locked. Your issue will be unlocked when we add the label, gssoc23.

@github-actions github-actions bot locked and limited conversation to collaborators Oct 31, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

1 participant