Profile PictureWebDev For You

New! Interaction #141 is now in the subscription!

Interaction #141 is now in the subscription! The Illustrator and After Effect files have also been added.

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


The video tutorial covers how to create an animated SVG/Lottie menu that comes in from the left to the right. The animation path is created in Adobe Illustrator and then animated in Adobe After Effects. Afterward it is brought into Webflow and the animation is triggered alongside the menu opening. We also go over adding subtle UI animations to the open and close buttons as well as to the menu items in the menu.


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