Streaming live at 10am (PST)

Make the "Learn More" arrow bounce


#1

Wondering if it's possible to make the "learn more" arrow on this page bounce every 20 seconds or so using an interaction.

https://webflow.com/design/thegallerylab?preview=8638122bcf706469d32248faac82ad32

Any tips on how I'd accomplish this?

Thanks!
chris.


#2

Yes, the interaction would look like that:

Put a 20000 value on the wait for 20 secs (20 is long for a subtle reminder, try 8)

And the effect like this:

I didn't spend much time tuning the animation itself, but this is the interaction principle you're looking for.


#3

This. Is. Perfect.

Thanks so much for the help, Vincent! This is exactly what I was hoping to do and it took all of 10 seconds to get it working perfectly!

Thanks!


#4