Skip to content

Conversation

@PratikshaMule12
Copy link

This Pull Request fixes issue #270 by adding a smooth trailing effect that works on both desktop and mobile devices.

Changes Made:

  • Added a <div class="trail"></div> in HTML for the trail element.
  • Styled the trail in CSS with smooth transitions and a circular design.
  • Added JavaScript to:
    • Track mouse movements on desktop.
    • Track touch movements on mobile devices.
    • Show and hide the trail appropriately when moving, touching, or leaving the screen.

Benefits:

  • Consistent visual experience across devices.
  • Mobile users can now see the trailing effect, similar to desktop.

Closes #270

@vercel
Copy link

vercel bot commented Sep 20, 2025

@PratikshaMule12 is attempting to deploy a commit to the shubralijain-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link

vercel bot commented Sep 21, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
trip-planner Ready Ready Preview Comment Sep 22, 2025 5:05pm

@code-well0
Copy link
Owner

code-well0 commented Sep 21, 2025

@PratikshaMule12 The trailing effect is showing two circles, which doesn’t look visually appealing so change it

@PratikshaMule12
Copy link
Author

I have updated the code as suggested. Now only a single dot follows the cursor, and it also works on mobile devices. Please review again.

@code-well0
Copy link
Owner

@PratikshaMule12 its still the same

@code-well0
Copy link
Owner

@PratikshaMule12 are you working on it

@PratikshaMule12
Copy link
Author

@code-well0 Yes

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mouse trailing effect for Mobile

2 participants