Streaming live at 10am (PST)

Strange the consequences of animation

1 Why does the page twitch slightly during the animation?
2. Why do the shoes and the belt “flashing” after the animation?

http://hollister-bc288c.webflow.io/
https://preview.webflow.com/preview/hollister-bc288c?preview=86a56587fec00c58eea1bf99fb590d88

Hi @Barsik

I can’t see any here (Chrome) - are you able to post a screen recording?

Windows 10 (x64) 1607
Chrome 64.0.3282.167

The animation is set to loop in your panel for the Page Scroll. I can see the animation bouncing too in Chrome because of this option is set.

To correct it: Turn off Loop.

CloudApp

If you want an animation to repeat when you scroll out and back in again, you need to set the interaction for when it leaves the page, it will then do the animation when you scroll back in.

Loop is used, so if you have an element rotate 360 for example, loop will keep it going again and again.

Hope that helps?

1 Like

Thanks @magicmark for taking the time to find a fix! How’s it looking @Barsik ?

1 Like