Skip to content

MrsRathode/heart-animation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

1 Commit
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

❀ Heart Trail Animation

An interactive heart trail animation built with *HTML5, **CSS3, and *JavaScript. As users move their mouse across the screen, heart icons dynamically appear at the cursor location with varying sizes and colors. Each heart floats upward and fades out smoothly, creating an engaging and visually appealing user experience.

πŸ”₯ Features

  • 🎯 Real-time response to mouse movement
  • 🌈 Dynamic hue rotation for colorful hearts
  • πŸ“ Random sizing for visual variety
  • ✨ Smooth upward float and fade-out animation
  • 🧹 Automatic cleanup of DOM elements after animation

πŸ“Έ Preview

Screenshot 2025-07-01 151557

πŸš€ Live Demo

View the project live:
πŸ‘‰ https://github.com/ms-rathode/heart-animation.git

πŸ›  Technologies Used

  • HTML5 – Structure and markup
  • CSS3 – Styling and keyframe animations
  • *JavaScript * – DOM manipulation and interactivity

About

Interactive heart trail animation built with HTML, CSS, and JavaScript.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages