Background Generator

This is a Simple Background Gradient Generator. Try some Amazing Colour Gradients for your next background 🌟

You can try out the Background Gradient Generator by visiting the Background Generator and experiment with different gradient combinations to see the results in real time.

Features

• Generate random background gradients.
• Generate custom background gradients.
• Interactive interface with real-time preview.
• Select gradient colors using color pickers or enter specific color codes.
• Copy generated CSS code with a single click.
• Lightweight and easy to use.

Installation

1. Clone the repository:

   git clone https://github.com/MShazim/Background-Generator.git

2. Navigate to the project directory:

   cd Background-Generator

3. Open the index.html file in your preferred web browser.

That's it! You're ready to start using the Background Gradient Generator.

Usage

1. Launch the application by opening the index.html file in your web browser.

2. Use the color pickers or enter specific color codes to select the desired gradient colors.

3. Copy the generated CSS code by clicking the "Copy to Clipboard" button.

4. Paste the CSS code into your project to apply the gradient background.

5. Customize the code further, if needed, by modifying the provided CSS classes and attributes.

Contributing

Contributions are welcome! If you have any ideas or improvements to suggest, please follow these steps:

1. Fork the repository.

2. Create a new branch:

   git checkout -b feature/your-feature-name

3. Make your modifications and commit changes:

   git commit -am 'Add your commit message'

4. Push to the branch:

   git push origin feature/your-feature-name

5. Open a pull request describing your changes.

License

This project is licensed under the MIT License. Feel free to use and modify this project for your own purposes.

Credits

Learning front-end technologies from the ZTM Web Developer 2023 Course by Andrie Neogoie