Skip to content

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.

Notifications You must be signed in to change notification settings

logusivam/Cursor-animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Cursor Animation using HTML and CSS

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.

Demo

image

Features

  • 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.

Installation

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.

Usage

  1. Ensure you have a web browser to view the HTML file.

  2. Open the index.html file in your web browser to see the animated cursor in action.

Example

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.

Contributing

Contributions are welcome! If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published