linear-gradient-generator

Available here: https://alegriaj.github.io/linear-gradient-generator/

• Select two colors (or randomize!) to test CSS linear gradients.
• Displays the linear-gradient() string so you can just copy and paste.

Implementation

• Written in HTML, CSS and JavaScript
• The code selects the initial two colors from the CSS background style
• Changes to either color will update the background gradient on the fly

Future Work

• Add a way to select which direction the gradient flows
• Display hex values of the two colors