💖 InstaHeart-Click-Animation - Instagram-Like Click Animation

This mini project recreates the iconic Instagram "double-tap heart" animation using HTML, CSS, and JavaScript. When you click on the image, a heart appears, scales up, and fades away—just like Instagram!

🚀 Features

• 📸 Image click animation
• ❤️ Heart icon that pulses and fades
• 🎨 Clean and responsive design
• ⚡ Lightweight and fast

🔧 Tech Stack

• HTML5
• CSS3
• JavaScript (Vanilla)
• Remix Icon CDN for heart icon

📂 Project Structure

InstaHeart/
├── index.html
├── style.css
├── script.js
└── images/
    ├── Photo.jfif
    └── Icon/
        └── icon.jfif

🖱️ How It Works

1. Click on the image.
2. A heart icon appears and scales up.
3. It then fades away smoothly after a short delay.

🎯 Use Case

This animation can be used in:

• Like systems
• Reaction buttons
• Interactive UI designs

📸 Preview

🛠️ Setup Instructions

1. Clone the repository:

   git clone https://github.com/your-username/InstaHeart.git

2. Open the index.html file in your browser.

No dependencies or installations needed. Pure frontend fun!

📬 Contact

Made with 💖 by Mohammad Hasib Hasan
🔗 GitHub: @HasibCoderLab