Bạn Không Cần JavaScript Cho Việc Này - Cuộn Vô Hạn CHỈ CSS

Tác giả: Slaying The Dragon
Ngày xuất bản: 2024-05-23T00:00:00
Length: 23:35

Tóm tắt nội dung

Mô tả

🚨🚨🚨 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.

Dịch Vào Lúc: 2025-02-24T08:26:49Z

Yêu cầu dịch (Một bản dịch khoảng 5 phút)

Phiên bản 3 (ổn định)

Tối ưu hóa cho một người nói. Phù hợp cho video chia sẻ kiến thức hoặc giảng dạy.

Video Đề Xuất