Background Gradient Generator

Description

The Background Gradient Generator is a simple web application that enables users to create and preview CSS linear gradient backgrounds in real-time. Users can select two colors, and the app dynamically updates the background while displaying the corresponding CSS code for easy copying.

---

Features

1. Interactive Gradient Creation:

   • Choose two colors using color pickers.
   • The background updates in real-time as colors are selected.

2. CSS Code Display:

   • Displays the CSS code of the generated gradient for easy use.

3. Responsive Design:

   • A clean and mobile-friendly interface for users on any device.

4. Minimal and Modern UI:

   • Easy to use with a simple, visually appealing layout.

---

Technologies Used

1. HTML:

   • Provides the structure for color pickers and headings.

2. CSS:

   • Adds a default gradient background and styles the page for readability.

3. JavaScript:

   • Dynamically updates the background and displays the CSS code.

---

Project Structure

.
├── background.html   # Main HTML structure
├── background.css    # Styling for the app
└── background.js     # JavaScript functionality