Skip to content

ivantbv/gradient-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

gradient-generator

A gradient generator made with vanilla JavaScript that does the following:

-allows the user to choose from linear or radial gradients

-linear tab has a degrees slider that rotates the gradients
-radial tab has a circle at center option that adds a third color input

-all color inputs have a percentage slider that regulates the amount of each gradient

-colors are visible and change in real time on the body of the page

-CSS values are generated in real time

-a button to copy the values to the user's clipboard

-a menu with pre-picked colors that a user can choose from

-a button that generates random values according to which option the user is on currently (radial, linear, circle at center)

Try the live demo here: https://ivantbv.github.io/gradient-generator/