Need help recreating an animation on the navbar

Design help Animations & Interactions
1

Hello everyone,

I’m trying to find some resources on how to recreate this website’s navbar animation on Webflow. I used chrome dev tools to analyze the animation and found two lines of code div.wave.wave-1 and div.wave.wave-2. Also, I noticed that the animation is not responsive when scaled to mobile. Is there a better method to implement the animation in a responsive manner?

Would greatly appreciate any help!

2

it’s running a keyframes animation. it’s two svg’s sliding back and forth in front of each other via keyframes. You’d have to see exactly what the keyframes are doing to get that exact effect, but if you just search for animations along those lines you should be able to get pretty close.