7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
FREELessons: 8Length: 49 minutes

Next lesson playing in 5 seconds


A Visual Guide to CSS Animation

A Visual Guide to CSS Animation


It’s now possible to create awesome animation effects using pure CSS, without a scrap of JavaScript in sight. In this course you’ll learn how to create CSS animations powered by the transition and transform properties.

And because animations are highly visual, rather than getting bogged down in code we’re going to be learning visually. We’ll be using Webflow’s popular visual web design tool (via a free account) so you’ll see your animations play out in real time, as you create them.

Note, we won't be covering @keyframe animation in this course. Instead, we'll be focusing on animation fundamentals as well as transitions and transforms.

Learn CSS: The Complete Guide

We've built complete guides to help you learn CSS and animate css, whether you're just getting started with the basics or you want to explore more advanced techniques.