This project demonstrates a Metaballs effect using CSS filters, providing a visually dynamic display of organic shapes that blend together. Each Metaball is given a unique color to make the effect even more striking.

• Objective
• Requirements
• Preview
• Installation
• Usage
• Project Structure
• Challenge
• Contributing
• Contact

To create a visually appealing Metaballs effect using only HTML and CSS, where each Metaball has a unique color and exhibits a gooey blending effect when they overlap.

• Basic knowledge of HTML and CSS
• A modern web browser

Here is a preview of the unique Metaballs effect:

To set up the Metaballs effect in your project:

1. Clone the Repository:

   git clone https://github.com/Yashi-Singh-1/Day-08-Metaballs.git
   cd Day-08-Metaballs
           

2. Open the Project: Open the project directory in your preferred code editor.
3. Link the CSS File: Ensure that your HTML file includes a link to the styles.css file for styling.
4. Add the HTML Structure: Include the necessary HTML structure in your HTML file to create the Metaballs effect.
5. Run the Project: Open your HTML file in a web browser to see the Metaballs effect in action.

Integrate the provided CSS styles (styles.css) into your project and include a container (metaball-container) in your HTML where Metaballs will be displayed. Open your HTML file in a web browser to view and interact with the Metaballs effect.

• CSS Styles: Customize the appearance and behavior of Metaballs by modifying CSS properties (background, border-radius, animation, etc.).
• JavaScript Integration: Enhance functionality by using JavaScript to dynamically create Metaballs or add interactive features.

.
├── index.html
├── styles.css
└── README.md

Create a unique Metaballs effect where each Metaball has a different color and moves in a fluid, organic manner. The challenge is to achieve this using only HTML and CSS, without relying on JavaScript or SVG.

Contributions are welcome! If you have any suggestions, improvements, or bug fixes, please follow these steps:

1. Fork the repository.
2. Create a new branch (git checkout -b feature-branch).
3. Make your changes and commit them (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature-branch).
5. Open a pull request.

We will review your pull request and merge it if everything is in order. Thank you for contributing!

LinkedIn: Yashi Singh https://www.linkedin.com/in/yashi-singh-b4143a246

Feel free to customize and expand upon this project according to your requirements. Enjoy exploring and experimenting with the Metaballs effect using CSS filters!