Navigation bar disappear animation

Design help Animations & Interactions
1

I’ve been working on a seamless way to animate my nav bar from transparent to white. After a while, I stumbled upon this site (https://www.polymedia.dk) and really like how they made the transition both for the bar itself but also for the logo and text. Do any of you know how I would be able to create something similar or have a similar example at hand I could look at?

My site atm: https://preview.webflow.com/preview/westmedia?utm_medium=preview_link&utm_source=dashboard&utm_content=westmedia&preview=faa58c215281f6aa62185217e02a0038&mode=preview

2

@Frederik_Vester

I can help you, if you want.

  • go to your “Navbar”
  • double-click to get in the symbol
  • select “Navbar”, go to “Background” and set color “transparent”
  • put a “div” in “Navbar” ( This going to be your new background"
  • set a “width” of “100%”, set “position” to “absolute” and “full”

Now you need an interaction “while scrolling…” and set “” form “0” to “100”