Gradient Generator

A simple and intuitive graphical user interface for creating CSS background gradient codes while dynamically displaying the gradient as the background.

Code Result Example

background: linear-gradient(to right, #b149ff 0%, #00ffff 100%);

Deployed On

• Codepen.io
• Github Pages

Future Features

• Develop own color picker
• Optimize for other browsers
• Let users input color by codes
• Toggle visibility of divs for better view of gradient