BackgroundGenerator

BackgroundGenerator is a user-friendly tool designed to generate beautiful backgrounds for your websites.

🔗 Live Demo: BackgroundGenerator

Features

Dynamically generate gradients with a single click.
Easily copy the generated CSS gradient code.
Lightweight and simple to integrate.

How to Use

1. Set Up:

Download the project files.
Add the following files to your IDE:
- script.js
- style.css
- index.html

2. Generate a Background:

Open index.html in your browser.
Click on the provided button to generate a vibrant gradient background.
The corresponding CSS code will be displayed. Simply copy it.

3. Implement in Your Website:

Incorporate the copied CSS gradient code into your website's stylesheet. For instance:

body {
    background: linear-gradient(to right, #8e2de2, #4a00e0);
}

4. Revel in Aesthetics:

Enjoy the enriched visual appeal of your website with the BackgroundGenerator!