Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Creating an Infinite Horizontal Scroll Animation - CSS Tutorial

Kevin Powell via YouTube

Start learning Write review
Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More → Corporate Finance Institute Ad

Learn Excel and Financial Modeling the Way Finance Teams Actually Use Them

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This tutorial builds an infinite horizontal scroll animation, using CSS for the motion and a small JavaScript enhancement to duplicate content and check reduced-motion preferences. It also adds options for the animation’s speed and direction.

Syllabus

- Introduction
- The HTML
- Basic CSS
- Checking for prefers-reduced-motion with JavaScript
- Setting the stage for the animation with CSS
- Adding the animation
- Fixing the doubled content in the HTML
- Adding speed and direction options

Taught by

Kevin Powell

Reviews

Start your review of Creating an Infinite Horizontal Scroll Animation - CSS Tutorial

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.