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

Implement Cursor Trail Effect on DONATE BOOKS TO NGO page #4864

Merged
merged 1 commit into from
Nov 10, 2024

Conversation

neeru24
Copy link
Contributor

@neeru24 neeru24 commented Nov 9, 2024

fixes: #4863

Description:
This PR implements a cursor trail effect on the DONATE BOOKS TO NGO Page, enhancing the user interface by adding colorful circles that follow the mouse cursor.

Changes Made:

  • HTML: Added multiple <div class="circle"></div> elements to create the trail effect.
  • CSS: Defined styles for the circles, including size, color, and transition effects.
  • JavaScript:
    • Captured mouse movements to update the position of the circles.
    • Implemented a color array for dynamic visuals.
    • Used requestAnimationFrame for smooth animations.

This change aims to create a more engaging and interactive user experience.

@sailaja-adapa @abhi03ruchi

Copy link

vercel bot commented Nov 9, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
swapreads ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 9, 2024 4:08pm

Copy link
Contributor

github-actions bot commented Nov 9, 2024

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

Copy link

netlify bot commented Nov 9, 2024

Deploy Preview for swapreadsconnect ready!

Name Link
🔨 Latest commit 6612135
🔍 Latest deploy log https://app.netlify.com/sites/swapreadsconnect/deploys/672f88cd8b732700089a2ad6
😎 Deploy Preview https://deploy-preview-4864--swapreadsconnect.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@neeru24
Copy link
Contributor Author

neeru24 commented Nov 10, 2024

fixes: #4863
can you merge the PR?? By mistake, I mentioned wrong issue here @abhi03ruchi

@abhi03ruchi
Copy link
Collaborator

change the name of the pr , and also in description write correct issue no .

@abhi03ruchi abhi03ruchi reopened this Nov 10, 2024
@neeru24
Copy link
Contributor Author

neeru24 commented Nov 10, 2024

change the name of the pr , and also in description write correct issue no .

Done

@neeru24
Copy link
Contributor Author

neeru24 commented Nov 10, 2024

@sailaja-adapa kindly merge it

@abhi03ruchi abhi03ruchi added level2 Intermediate gssoc-ext This contribution is under GirlScript Summer of Code 2024 Extended Edition! hacktoberfest-accepted GSSOC Ext. is collaborated with Hacktoberfest labels Nov 10, 2024
@abhi03ruchi abhi03ruchi merged commit 93b5cd1 into anuragverma108:main Nov 10, 2024
11 of 13 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
gssoc-ext This contribution is under GirlScript Summer of Code 2024 Extended Edition! hacktoberfest-accepted GSSOC Ext. is collaborated with Hacktoberfest level2 Intermediate
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Feat: Implement Cursor Trail Effect on DONATE BOOKS TO ORGANISATIONS page
2 participants