Multiple timed animations on one trigger element doesn't work

Design help Animations & Interactions
1

Hi,

I have unfortunately another issue I can’t find the right solution for.
I have one trigger element (burger-wrapper) – it starts the fade-in animation for the menu-overlay. Now I want to trigger the same element with the same trigger (on-click) for changing the color of the 3 burger lines from white to dark. I know how to implement the effect, but if I test it in the browser, only one of my interactions are running.

If someone can help, I would be very grateful.
Here is my current project: https://preview.webflow.com/preview/yah-2018?utm_source=yah-2018&preview=468b7384c1123b7fa404f88cf495c713

Many thanks.

1 Like
2

Hello @youngandhyperactive let me record my screen and share here. :webflow_heart:

@youngandhyperactive Is this what you are trying to achieve > https://www.useloom.com/share/2e519850b0e04683be3ff362c0d52d84 ?

1 Like
3

@PeterDimitrov

Ahhh, you put the interaction of the burger menu right into the overlay transition. That makes sense :smiley:

Thanks so much for your time and effort. :slight_smile:

1 Like
4

Yes, multiple interactions means that you can put multiple actions in one animation.

Piter :webflow_heart:

5

And I think you need to check the Webflow IX2 videos :blush: > Interactions & animations course | Webflow University

There’s a lot of knowledge and humor.

Piter :webflow_heart:

6

Hi @PeterDimitrov I was also facing the same issue but after watching the video tut. I can able to solve that. Thnx man.

1 Like
7

Happy to know!

8

I wish this video still worked! Nothing loads when I click the link.