hexagoncircle / cocktails

Cocktail maker prototype
https://hexagoncircle.com/cocktails
1 stars 0 forks source link

Transition to new background colors when a user selects a cocktail #9

Open hexagoncircle opened 5 years ago

hexagoncircle commented 5 years ago

The user clicks on a cocktail and:

  1. the background color is randomly fetched from an array of hex values or gradients;
  2. each cocktail has a specific background color/gradient that matches the vibe of the drink;
  3. the background matches each ingredient color as it gets poured but would be faded/lightened a bit (rgba() function?)

The last idea might be a bit much with all of the other parts of the application animating. I would choose one of the first two ideas, probably number 2 since the aesthetic would be better suited for the drink selected.