Learn CSS Animations

Enroll for free Get started!

Join 11216 other students

Access to all our free courses

Interactive hands-on content

100s of code challenges

Join a friendly community

Enroll for free

Subscribe to access!Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

Subscription includes

All courses and career paths

100s of coding challenges

Certificates of completion

Exclusive Pro members chat

Subscribe now!

with Jad Khalili

Course level: Intermediate

Learn how to make your websites come alive with CSS animations. This course gives you a solid foundation with real-world coding challenges.

What's inside

This course contains 26 interactive screencasts

You'll learn

Adding transitions

Customising transitions

Defining animations

Timing animations

Transforms & Scaling

Translation

Rotation

Skew

Prefixes

CSS variables

Timing functions

Prerequisites

Before taking this course, you should have a basic understanding of HTML and CSS. Here’s our suggested resource to get you up to speed.

Learn HTML and CSS

105 lessons | 5 hours 33 min

with Per Harald Borgen

Beginner

Meet your teacher

Jad Khalili

Hi, my name is Jad Khalili, and I have been an online instructor for over 3 years, in which I've taught over 60,000 students from around the world. I especially enjoy teaching HTML, CSS, and design.

Why this course rocks

Do you want to learn how CSS animations work, and know how to apply them to real-world scenarios? Good news, you've found the perfect course!

In just two hours, you will gain a fundamental understanding of the CSS properties that are used to create animations. You'll learn how to make user-friendly animations and how to apply them across browsers.

Along the course, there will be challenges with real-world examples that developers encounter in their daily lives, where you will be able to test and review what you learn.

Join the Scrimba community chat

Learning alone can be lonely. Click here to join our Discord server and connect with other Scrimba learners!