Webflow Interactions are not smooth or starting/stopping on time 😔

Community resources Bugs
1

Hi Community,

I’m having trouble with Webflow Interactions and getting them to behave smoothly and also start and end at the same time. I’m trying to emulate the same photo zoom, background color-change, and button opacity change as seen here on the offerings on allbirds.com:

via GIPHY

To be clear, I’d like for…

  1. the button to appear from 0-100% opacity and vice versa on hover-out
  2. the background photo to zoom in
  3. and the background photo to get darker

BUT for some reason when set to the same duration(s) they end at different times and look janky. Please help me get them as smooth as Allbirds.com… Hoping I’m missing something simple! PLEASE HELP. Read-only link below…

Read-Only Link: https://preview.webflow.com/preview/intro-app?utm_medium=preview_link&utm_source=designer&utm_content=intro-app&preview=fd59a22c62772a2d17d10a3dab8540b6&pageId=60ac080f504006f305a4a2ec&workflow=preview

IMPORTANT: this channel is not maintained by our Support team.

For outages, please check: https://status.webflow.com/

If you have an issue with your account or experience any bugs on the site, please contact our support team directly: Webflow Customer Support | Webflow University (this is the best way to communicate bugs to our team and get the fastest help and updates).

The Webflow team does not maintain this category with updates on outages or bugs.

2

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.