Simple animation trouble

I want a simple background animation.

I want the lines to slowly move for 14 seconds. The opacity should start at 0 and end at 100 and last 4 seconds at the start of the animation. Then the opacity should go back to 0 after 11 seconds, and last 4 seconds. It’s a simple fade in/fade out thing.

I often have trouble understanding the animation ui in webflow.


Here is my public share link: [LINK](Webflow - sigma-temp)
(how to access public share link)

This isn’t exact but will look something like the below settings. With “loop” selected, you’ll need to remove the “initial state” check boxes.
If it’s critical for the fade to begin at 0 opacity, try this same animation on the “when page finishes loading” setting and remove it from the “when page is loading”.

1 Like

Thank you, much appreciated!