Liquid Blast Effect

This project demonstrates a "liquid blast" effect where particles explode outward from a circle when clicked, with a fluid, gooey animation style.

Demo

Check out the live demo here.

Table of Contents

• Introduction
• Features
• Technologies Used
• Getting Started
• Usage
• Contributing
• License

Introduction

This project features a central circle that generates a "liquid blast" effect when clicked. The effect is achieved using HTML, CSS, and JavaScript. The particles created during the click event have a fluid, gooey animation thanks to CSS filters and keyframes.

Features

• Central circle that triggers particle explosion on click.
• Gooey filter effect for fluid animation.
• Particles move in random directions and sizes.

Technologies Used

• HTML
• CSS
• JavaScript

Getting Started

To get a local copy up and running, follow these steps:

1. Clone the repository:

   git clone https://github.com/saahiyo/liquid-blast-effect.git

2. Navigate to the project directory:

   cd liquid-blast-effect

3. Open index.html in your browser:

   open index.html

Usage

Click on the central circle to see the liquid blast effect. Particles will explode outward from the circle, creating a visually engaging animation.

Contributing

Contributions are what make the open-source community such an amazing place to be, learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.