Hello. I’ve just completed the first Front-end challenge. As usual, I try to emulate the example page as best as possible, but I am having some trouble.
There are two main (but related) issues, having to do with color.
(1) when I click the button to change color, the color always reverts back to white before the animation plays, instead of starting from the current background-color.
(2) how can I tint a button color with white on hover? I could get the target color from this.state (and then lerp it with white), but I am not sure how to apply that on hover for a specific button.
Here is my solution: https://codepen.io/95DC/pen/gOLQYov
Challenge: Build a Random Quote Machine
Link to the challenge: