CSS Animations and Transitions

CSS Animations and Transitions

Learning Paths:
4 hours, 14 minutes CC

UI animations play an important role for web apps and websites in improving the user experience. But creating animations can be difficult, or done excessively. Learn CSS animation basics and transition to advanced concepts like orchestration and choreography. Techniques you’ll learn: CSS transitions, animations, custom properties, data attributes, choreography, animation states, layout animations, and reactive animations with a little bit of JavaScript.

This course and others like it are available as part of our Frontend Masters video subscription.

Published: July 25, 2022
Get Unlimited Access Now
Table of Contents

Introduction

Fundamentals

Transitions

Keyframes

Choreography

State

Layout Animations

Reactive Animations

Wrapping Up