Fullscreen Webflow Navigation + Custom Animation – Web Design Tutorial
Most people use the standard navigation component (navbar) that's readily available in Webflow. However, many don't realize that you can completely customize it to your needs and animate it individually.
In this tutorial, we'll build a full-screen navigation menu together that's fully responsive and can be used as navigation even on desktop computers.
By adding a custom open and close animation, the navigation will gain a unique character and further differentiate your website from others.
The finished result:
https://fullscreen-webflow-navigation...
Open navigation directly in the Webflow Designer:
https://webflow.grsm.io/fullscreen-we... *
---------------------------------------------
My online courses:
👉 Webflow Online Course: Learn how to professionally implement websites for clients step by step (no programming knowledge required!):
https://formburg.com/kurs
👉 50+ Webflow Tricks:
https://www.formburg.com/tricks
👉 Create web design quotes with three pricing options:
https://www.jonasarleth.com/produkt/w...
---------------------------------------------
Create a free Webflow account:
https://formburg.com/webflow-kostenlos *
Webflow: quick and easy Learn more:
https://formburg.com/tutorials
---------------------------------------------
00:00 – Intro
01:00 – Setting up the Navigation
09:02 – Transferring it to the standard Webflow Nav component
10:58 – Animating the fullscreen menu
17:06 – Animating individual navigation items in sequence
#webflow #webdesign #webflowtutorial
—
► Support my channel on Patreon (multiple special episodes and Webflow tutorials per month):
http://bit.ly/patreon-seite
—
My web design and freelance blog:
► https://jonasarleth.com/blog
—
Social Media:
► Instagram: / jonasarleth
► Dribbble: https://dribbble.com/jonasarleth
► LinkedIn: / jonasarleth
—
Subscribe to my Web & Design Podcast:
► iTunes: https://jonasarleth.com/itunes
► Spotify: https://jonasarleth.com/spotify
► Pocket Casts: https://jonasarleth.com/pocketcasts
► SoundCloud: https://jonasarleth.com/soundcloud
► Overcast: https://jonasarleth.com/overcast
► Stitcher: https://jonasarleth.com/stitcher
—
*Affiliate Links