https://github.com/omkushwaha9/gsap-customcursor

The CustomCursor project adds a secondary cursor that follows the primary cursor with a delay, enhancing the visual experience. When hovering over images, the secondary cursor expands to display text, offering dynamic, interactive highlights.
https://github.com/omkushwaha9/gsap-customcursor

gsap gsap-animation javascript

Last synced: 3 months ago
JSON representation

The CustomCursor project adds a secondary cursor that follows the primary cursor with a delay, enhancing the visual experience. When hovering over images, the secondary cursor expands to display text, offering dynamic, interactive highlights.

• Host: GitHub
• URL: https://github.com/omkushwaha9/gsap-customcursor
• Owner: omkushwaha9
• Created: 2024-07-17T14:19:43.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-07-17T14:34:10.000Z (11 months ago)
• Last Synced: 2025-01-23T18:45:16.663Z (5 months ago)
• Topics: gsap, gsap-animation, javascript
• Language: CSS
• Homepage:
• Size: 2.93 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
# GSAP CustomCursor



GSAP



GSAP stands for GreenSock Animation Platform. It is a robust JavaScript library used for creating high-performance animations for the web. GSAP provides a range of tools and plugins that simplify the process of animating HTML elements, SVGs, canvas objects, and more, making it a popular choice among developers for creating interactive and visually appealing web animations.



About this project



The CustomCursor project introduces an enhanced cursor experience within a webpage. This project adds a secondary cursor that follows the primary cursor with a delay of 0.6 seconds, although this delay can be adjusted to 0 seconds if desired. When the primary cursor moves, the secondary cursor trails behind, creating a visually engaging effect.

Additionally, as the primary cursor moves over an image, the secondary cursor expands to four times its original size. This enlarged cursor can display text within it, offering a unique and interactive way to highlight or annotate images. This feature not only enhances the visual appeal but also improves the user experience by providing dynamic and context-sensitive interactions.



by OM KUSHWAHA