A simple web app that generates a gradient based on two user-selected colors.
You can view a live demo of the project here.
https://mdashraful305.github.io/Gradient-Generator/
This project was built using the following technologies:
- HTML
- CSS (Bootstrap)
- JavaScript (jQuery)
- Users can select two colors using a color picker input for each color
- Upon form submission, the gradient is generated and displayed in a container
- The hex color code for each selected color is also displayed next to its respective input
To install this project on your local machine, follow these steps:
- Clone this repository:
git clone https://github.com/mdashraful305/Gradient-Generator.git
- Navigate to the project directory:
cd gradient-generator
- Open the project in your preferred text editor
- Open
index.html
in your preferred web browser
To use this project:
- Select two colors using the color picker inputs
- Click the "Generate Gradient" button
- The gradient will be displayed in the container with the hex color codes for each selected color displayed next to its respective input