You Don't Need JavaScript For This - CSS ONLY Infinite Scroll

Slaying The Dragon • May 23, 2024
Video Thumbnail
Slaying The Dragon Logo

Slaying The Dragon

@slayingthedragon

About

Slaying the dragon is about facing your fears, pursuing meaning and transforming into the web developer you were always destined to be.

Video Description

🚨🚨🚨 COURSES - https://slayingthedragon.io 🚨🚨🚨 Join the discord - https://discord.gg/Ccz9nQSfQB Finished result - https://codepen.io/ramzibach-the-styleful/pen/LYoYejb Two rows result - https://codepen.io/ramzibach-the-styleful/pen/ZENExza Inspiration - https://www.smashingmagazine.com/2024/04/infinite-scrolling-logos-html-css/ Examples from beginning of video: https://logo-marquee-dual.webflow.io/ https://marquee-effects.webflow.io/ https://infinite-marquee-logos.webflow.io/ https://flowspark-components.webflow.io/ https://css-marquees.webflow.io/ https://wb-infinite-marquee.webflow.io/ https://www.react-fast-marquee.com/ Over the span of your entire online history, you’ve probably visited websites with this cool looking animation. These animation are called a marquee, and all it is, is elements laid out horizontally and that scroll infinitely. On the surface this seems like a pretty simple animation, however if you’ve ever tried to build this yourself, than you know that it’s deceptively difficult, or at least, difficult enough that you felt the need to use JavaScript. And actually, most tutorials you’ll find on YouTube and on the web in general about this animation has you using JavaScript. However in this video, we’re going to be building it with CSS only. So no JavaScript, only CSS.

No Recommendations Found

No products were found for the selected channel.