davinderpalrehal / davinderpalrehal.github.io Goto Github PK

A button that lets the user generate a random gradient. The gradient could be:

• linear-gradient
• radial-gradient
• conic-gradient
• repeating-linear-gradient
• repeating-radial-gradient
• repeating-conic-gradient

Some of the variables that can be played around for each gradient type are.

• linear-gradient

  • The angle of the gradient
  • The number of color stops
  • The position of the color stops
  • The color values

• radial-gradient

  • position
  • ending-shape
  • size
  • linear-color-stop
  • color-hint

• conic-gradient

  • angle
  • position
  • angular-color-stop
  • color-hint

• repeating-linear-gradient

  • side-or-corner
  • angle
  • linear-color-stop
  • color-hint

• repeating-radial-gradient

  • position
  • shape
  • extent-keyword
  • color-stop

• repeating-conic-gradient

  • angle
  • position
  • angular-colot-stop
  • color-hint

The router being used needs to be independent and be used in more than 1 place. It should render the appropriate HTML and bind with the appropriate events where ever its being used.

The ol and ul elements along with their li don't have any styling this needs to be created