Can I create Netflix’s video carousel with CSS only?

From the creator

Sometimes it's fun to try and make something with CSS only. It might not be code you'd use in production, but that doesn't mean we can't learn a lot from doing it! 🎓 I'm working on a new course! https://beyondcss.dev/ 🔗 Links ✅ The GitHub repo: https://github.com/kevin-powell/netflix-carousel-css-only ✅ Kyles video: https://www.youtube.com/watch?v=yq4BeRtUHbk ✅ More on :where(): https://youtu.be/pvH35ZFPbc4 ✅ More videos in this series: https://youtube.com/playlist?list=PL4-IK0AVhVjO4-wzuHdDlz3xd0vY_gGi- ⌚ Timestamps 00:00 - Introduction 01:21 - What we're starting with 03:22 - Making the general layout for the scroller 10:10 - Adding the arrows 15:24 - Adding the smooth scrolling 16:36 - Stop the arrows from sliding 23:00 - Styling the arrows 27:40 - Making the next/previous behavior work properly 33:56 - Getting the arrow to show when there is no target 35:11 - Fixing the arrows overflowing 37:32 - Showing that there is more content in the carousel 41:52 - The navigation indicators 48:49 - Fixing the button and indicators when nothing is targetted #css -- Come hang out with other dev's in my Discord Community 💬 https://discord.gg/nTYCvrK Keep up to date with everything I'm up to ✉ https://www.kevinpowell.co/newsletter Come hang out with me live every Monday on Twitch! 📺 https://www.twitch.tv/kevinpowellcss --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses 👕 Buy a shirt: https://teespring.com/stores/making-the-internet-awesome 💖 Supp

Published 2022-05-05 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.