Profile PictureWebDev For You

New! Interaction #144 is now in the subscription!

Interaction #144 is now in the subscription!

View interaction here: https://webdev-for-you-interaction-144.webflow.io/

The video tutorial covers how to build 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 moves back down and the menu panels scale back to 0 in a staggered motion.

Feel free to contact me via the WebDev For You contact form if you have any questions!

Happy Webflowing!

Best,

John

Subscribe Today!

New! One Page Website - DevBook - Part 3 is now in the Subscription!

New! One Page Website - DevBook - Part 2 is now in the Subscription!

New! One Page Website - Part 1 is now in the Subscription!

New! Interaction #40 is now in the subscription!

New! Interaction #43 is now in the subscription!

See all posts from WebDev For You

Powered by