Animate the Navigation Bar on Scroll in Webflow - Tutorial (9/12)



3
35613

Get started with Webflow today: https://webflow.grsm.io/2455142 In this Webflow tutorial, we are going to use the Interactions Tab to animate the Navigation Bar when scrolling the page. The look of the navigation bar changes when the user scrolls down on the page. We will be recreating the Downloads Page of the DesignCode Website. https://designcode.io/downloads Figma Project File and Assets: https://gumroad.com/l/wTbXv Get started in Figma for free https://figma.com Get started in Webflow for free: https://webflow.com/?rfsn=2691789.630fe7 Preview my Webflow Project: https://preview.webflow.com/preview/downloads-page?utm_medium=preview_link&utm_source=dashboard&utm_content=downloads-page&preview=c708e63adf486403f8c0a39d7231b7af&mode=preview Course Playlist: https://www.youtube.com/playlist?list=PLERed4ILxkJ1N4PxzGE_ywogtBeeOaqc8 ➡️ Check out DesignCode: https://designcode.io/?ref=designpilot ➡️ Watch DesignCode tutorials on YouTube: https://www.youtube.com/c/designcodeteam ---------------------------------------­---- Photoshop Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ372RTmi1rQmfqbIqXr3opi Illustrator Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ0pK595gwPLmcVF-P_jx0V1 After Effects Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ23p3SZD49unrbkh_F8q9Dk UI Design Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ1uHAE-_rAxeDMBnhzzmYuW Design Resources, Tools and Softwares: https://www.youtube.com/playlist?list=PLERed4ILxkJ1-qY3TQToZWn3vYWVo6EA9 Adobe XD CC Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ11D_9_jX80GDenpMUWjTtv eSports Design Tutorials: https://www.youtube.com/playlist?list=PLERed4ILxkJ3lLdkQmG-Ebw90KdChq56P -------------------------------------------------------------------------------------------- Contact me : Twitter : https://twitter.com/kvschethan Facebook : https://facebook.com/designpilot Mail : designpilot21@gmail.com Portfolio : https://behance.net/chethankvs Instagram : https://instagram.com/design_pilot Discord: https://discord.gg/GtjBpjD -------------------------------------------------------------------------------------------- LIKE, SHARE, COMMENT & SUBSCRIBE :) #webflow #webdesign #tutorial

Published by: Design Pilot Published at: 4 years ago Category: فیلم و انیمیشن