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.
1.Introduction
1.1A Visual Guide to CSS Animation00:49
2.A Visual Guide to CSS Animation
2.1A Quick Animation Demo and Overview04:31
2.22D Animation Essentials07:25
2.3Transitions13:05
2.4Transition Duration and Timing Functions04:57
2.5Transforms10:03
2.63D Transforms06:51
3.Conclusion
3.1Wrapping Up01:42
