Fancy interaction works in preview mode but is buggy in browsers

Design help Animations & Interactions
1

Hey guys,

I am having trouble figuring something out. If you scroll down to the second page part with the interactive iPhone mockup you will see some visual glitches while interacting with it. These glitches are not there when using the designer or preview mode.

Does any of you know what might be going on?

Staging link: https://appdept.webflow.io/
Share link: https://preview.webflow.com/preview/appdept?utm_medium=preview_link&utm_source=dashboard&utm_content=appdept&preview=948c005ada8817cc7e0d413dbccaa1f8&mode=preview

Thanks in advance :grin:
Dylan

2

Solved this by changing the z-index on the animation timeline instead of the static z-index property.

1 Like
3

Apparently, you can also solve this by changing the z-index on the 3D modifier.