Categories
CSS HTML

Intermediate Transitions Exercise

Please make a menu like the one contained in this video. Click in the bottom right to watch full screen: that will make what I’m looking for here more clear, and will remove the extra spacing this Loom player embed seems to want to add for some reason.

Please make sure that your file has the following:

  • css custom properties (variables) to create the gradients
  • flexbox
  • transitions
  • transition easing
  • transition delay: the color name fades in after the hovered box grows
  • rounded corners on the boxes

When done, show me your work, or hand it in if requested in class.