Create an infinite horizontal scroll animation
Regarding this amazing tutorial: https://www.youtube.com/watch?v=iLmBy-HKIAw&t=524s&ab_channel=KevinPowell. I followed Kevins tutorial and in that video Kevins used max-width of 600px for scroller container, for my project I am using max-width of 1300px for my scrolling container but I still get this "blinking" effect and a lot of empty space between last and first element. My code is the same as Kevins, but it still "blinking", I have short text inside scroller and I am not sure what causes this bug to appear. Do you know how can i solve it? Here is the link to Kevins codesandbox, if you try to change max-width from 600px to 1300px you will get what I am trying to say: https://codepen.io/kevinpowell/pen/BavVLra
YouTubeKevin Powell
Did you know I have courses? Both free and premium ones: https://kevinpowell.co/courses?utm_campaign=general&utm_source=youtube&utm_medium=infinitescroll
Infinite scroll animations for things like logos are relatively common these days, but there is a lot that we can do incorrectly when making one, so I decided to try and make one that respec...
Did you know I have courses? Both free and premium ones: https://kevinpowell.co/courses?utm_campaign=general&utm_source=youtube&utm_medium=infinitescrollInfinite scroll animations for things like logos are relatively common these days, but there is a lot that we can do incorrectly when making one, so I decided to try and make one that respec...
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time π.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
