https://github.com/cafali/cursorchasing
CursorChasing is a lightweight .js that adds a dynamic cursor-following character to your website
https://github.com/cafali/cursorchasing
animation css cursor cursor-animation cursor-effects frontend html html-css-javascript javascript tracking web website website-design website-development
Last synced: about 2 months ago
JSON representation
CursorChasing is a lightweight .js that adds a dynamic cursor-following character to your website
- Host: GitHub
- URL: https://github.com/cafali/cursorchasing
- Owner: cafali
- Created: 2024-10-28T11:54:53.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-26T14:27:36.000Z (over 1 year ago)
- Last Synced: 2025-01-26T15:26:47.824Z (over 1 year ago)
- Topics: animation, css, cursor, cursor-animation, cursor-effects, frontend, html, html-css-javascript, javascript, tracking, web, website, website-design, website-development
- Language: JavaScript
- Homepage:
- Size: 7.81 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CursorChasing
**CursorChasing** is a lightweight and interactive **.js** that allows you to add a fun and dynamic cursor-following character to your website.
## Features
- **Interactive Animation**: The script can easily be adapted to use any image or GIF.
- **Directional Flipping**: The image flips direction based on cursor movement.
- **Easy Integration**: Use the provided JavaScript and CSS to enable cursor tracking on your website effortlessly.
## Getting Started
1. **Include the Script**: Add the provided JavaScript and CSS files to your project.
2. **Customize**: Replace the soldier GIF with any image or GIF of your choice to personalize the effect.
## Showcase
https://github.com/user-attachments/assets/74ea606f-95bb-438c-a001-fd5a1e71bfcd