WebDev For You - Interaction #144

This demo showcases a grid menu animation on click. The menu wrapper consists of 2 grids - one 3x3, and a smaller 4x8 nested grid in the lower left. The panels scale in from bottom to top and left to right. The text also appears in a staggered motion from bottom to top. On close the text fades out and moves back down, and the menu panels scale back to 0 in a staggered motion.