This project demonstrates how to create a custom animated cursor using HTML and CSS. The custom cursor is designed to be a circle that changes its hue as it moves, creating a dynamic and visually engaging effect. This animation enhances the user experience by making cursor interactions more interesting and visually appealing.
- Custom Cursor: Replaces the default cursor with a circular cursor.
- Hue Rotation Animation: The cursor changes its hue dynamically as it moves across the screen.
- Responsive Design: Works seamlessly on different screen sizes and devices.
To use this project, simply download or clone the repository:
git clone https://github.com/logusivam/Cursor-animation.git
Alternatively, you can directly copy the HTML and CSS files into your project directory.
-
Ensure you have a web browser to view the HTML file.
-
Open the
index.html
file in your web browser to see the animated cursor in action.
When you open the index.html
file, you will see the custom cursor effect. Move your mouse around the screen to observe the circular cursor changing its hue dynamically.
Contributions are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.