YoVDO

Creating Netflix's Video Carousel with CSS Only

Offered By: Kevin Powell via YouTube

Tags

HTML & CSS Courses Computer Science Courses Web Design Courses

Course Description

Overview

Learn how to create Netflix's video carousel using only CSS in this comprehensive tutorial video. Explore the process of building a functional and visually appealing carousel without relying on JavaScript. Start with the basic layout, add navigation arrows, implement smooth scrolling, and create navigation indicators. Discover techniques for proper arrow behavior, fixing overflow issues, and indicating additional content. Perfect for web developers looking to enhance their CSS skills and create engaging user interfaces.

Syllabus

- Introduction
- What we're starting with
- Making the general layout for the scroller
- Adding the arrows
- Adding the smooth scrolling
- Stop the arrows from sliding
- Styling the arrows
- Making the next/previous behavior work properly
- Getting the arrow to show when there is no target
- Fixing the arrows overflowing
- Showing that there is more content in the carousel
- The navigation indicators
- Fixing the button and indicators when nothing is targetted


Taught by

Kevin Powell

Related Courses

Probabilistic Graphical Models 1: Representation
Stanford University via Coursera
Computer Security
Stanford University via Coursera
Intro to Computer Science
University of Virginia via Udacity
Introduction to Logic
Stanford University via Coursera
Internet History, Technology, and Security
University of Michigan via Coursera