Infinite loop.. mouse over etc

I would like to develop an animation exactly the same as the one you find at www.revolut.com
I am referring to the infinite cards loop. I’m stuck over there, no prob for the loop, things get harder for the mouse over interactions:

Mouse over: Loop stop → Paragraf, button link show.
How do I get the same animation/interaction shown in this web site?

Thanks


Here is my public share link: LINK
(how to access public share link)

Hey @Andres_H, Inspired by @joshljacobs1 :+1::ok_hand: Easy CSS-only Marquees! :+1::ok_hand: with his help I’ve added “pause on hover” custom CSS which is what you might be looking to implement do have a look.

Published Link
Read-only link

Hope it helps :peace_symbol:

Hi @Sachin , thanks for helping me get this headache down. Cheers

Hi, @Sachin I’m having a similar issue and I’m trying to see your solution but it seems the link is down.

Hey, @Daniel_Olukoya here you go! Read-only & Published :peace_symbol:

2 Likes

Hi @Sachin i try to use your script but it doesn’t work well. Look

Let me know if you could help me

https://preview.webflow.com/preview/cleafy?utm_medium=preview_link&utm_source=dashboard&utm_content=cleafy&preview=4b9ee8fdd4a3d4b4cc08a4ffa0658271&mode=preview

Hey, @ginka_studio I will need some time to fix the CSS marquee pause on hover. In the meantime
if you are looking to apply the same effect you can refer to this post by @avivtech

Hope it helps :peace_symbol:

1 Like