Multi-Heart Cursor Effect

This project demonstrates how to create a "Multi-Heart Cursor" effect using HTML and CSS. When the user moves the cursor, multiple hearts appear and follow the cursor's movement, adding a playful and delightful touch to your web page.

Demo

You can see a live demo of the project here.

CLICK HERE TO SUBSCRIBE MY YOUTUBE CHANNEL

Features

• Interactive Design: Hearts follow the cursor movement, providing a fun and engaging user experience.
• Pure CSS and JavaScript: The effect is achieved using HTML, CSS, and a small amount of JavaScript for cursor tracking.
• Customizable: Easily adjust the heart size, color, and number of hearts to fit your design needs.

Installation

To use this project, simply download or clone the repository:

git clone https://github.com/logusivam/multi_heart_cursor.git

Alternatively, you can directly copy the HTML, CSS, and JavaScript code into your project files.

Usage

1. Include the CSS and JavaScript files in your HTML file:

<link rel="stylesheet" href="style.css" type="text/css">

2. Customize the design and behavior in the style.css FILE and js CODE as needed.

Contributing

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