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
GSAPGSAP 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 projectThe 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