Webflow Center Underline Animation 2026 | No Code
In this video I'll show you how to create a center outward underline
animation in Webflow — completely no code.
This small detail makes your nav look clean, smooth and professional.
⏱️ Timestamps
0:00 - Intro
0:18 - Adding the underline div
0:40 - Scale & Transform settings
1:05 - Hover In interaction
1:35 - Hover Out interaction
2:20 - Fixing the mistake
2:55 - Final result
3:25 - Outro
🔔 Subscribe for more Webflow tutorials every week
💬 Drop a comment if you have any doubts — I'll help you out
#Webflow #WebDesign #UIDesign #WebflowTutorial #NoCode #Webflow2026