Sliding animation on hover issue

Design help Animations & Interactions
1

On my landing page (3rd section) where are 5 red div block (Card-wrapper/card1,2,3,4,5) sliding animation is not working properly/smooth when hovering directly from 1 div to another

Here is read-only link: https://preview.webflow.com/preview/mk-trading-team?utm_medium=preview_link&utm_source=dashboard&utm_content=mk-trading-team&preview=6b422fc41aaa8ea47583e52cd8b9bb88&workflow=preview

image
image1585×760 187 KB

Here is website link :https://mk-trading-team.webflow.io

On this site landing page is example how it SHOULD work: https://www.blackhatcourse.io

I would really appreciate any help or suggestions !

Thanks in advance !

2

Hey @MK_Team

On “Mouse Out” interaction for all these cards, remove the first part of the duplicated interactions with 0s. Example as in the screenshot.

image

In addition to that, I suggest to make the animation speed longer so that it will looks smoother. Probably double the current time, 0.4-0.5s.