Hey gang, in this tutorial series, I'll be taking you from newbie to ninja in the world of CSS Animation. We'll start with the basics, including keyframes, transforms and the animation property, and build our way up to some pretty cool CSS animation examples you can try out on your own websites.
Overview
Syllabus
CSS Animation Tutorial #1 - Introduction.
CSS Animation Tutorial #2 - Transforms.
CSS Animation Tutorial #3 - Transitions.
CSS Animation Tutorial #4 - Keyframes.
CSS Animation Tutorial #5 - Animation Fill Mode.
CSS Animation Tutorial #6 - Repeating Animations.
CSS Animation Tutorial #7 - Animation Direction.
CSS Animation Tutorial #8 - Animation Timing Functions.
CSS Animation Tutorial #9 - Animation Shorthand.
CSS Animation Tutorial #10 - Chaining Animations.
CSS Animation Tutorial #11 - Animating a Pop-up.
CSS Animation Tutorial #12 - Animating a Shopping Cart.
CSS Animation Tutorial #13 - Flipping Cards Animation.
Taught by
The Net Ninja
Reviews
4.0 rating, based on 1 Class Central review
-
The CSS Animation Tutorial on YouTube is a great resource for learning how to create animations in CSS. The tutorial is well-organized and easy to follow, and the instructor does a great job of explaining the concepts in a clear and concise way. The tutorial covers a wide range of topics, including how to create basic animations, how to use keyframes to control the timing and appearance of animations, and how to use animation properties to customize the look and feel of animations.