Skip to content

Latest commit

 

History

History
17 lines (11 loc) · 556 Bytes

File metadata and controls

17 lines (11 loc) · 556 Bytes

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