I've been trying to replicate the Stripe banner on their customer page - https://stripe.com/en-gb-us/customers but I'm struggling to understand how they implement this effect.
I understand that they continuously update each each icons X positions until its out of view or reaches the end of the parent div which then resets the X position back to where it started again.
The part that I'm struggling with is understanding how to constantly set the x and y position using Nuxtjs and conditionally resetting the position.
Also each of the icons move a bit faster forward and slightly up and down which I have no idea how they do it.
Any help, resource links or opinions would be highly appreciated.
question from:https://stackoverflow.com/questions/65906989/how-do-i-replicate-stripe-customer-banner-with-nuxtjs
