Overview
Explore the versatile world of CSS keyframe animations in this comprehensive 58-minute video tutorial. Learn the fundamentals of keyframe animations and discover three unexpected applications. Dive into creating a CSS-only typewriter effect, animating with spritesheets, and implementing chained animations. Master syntax, timing functions, looping, steps, and fill modes while following along with provided source code. Gain practical skills to enhance web designs with animated characters, rotating 3D objects, and dynamic element presentations. Access additional resources and assets to further expand your CSS animation expertise.
Syllabus
Introduction
1. A Quick Introduction to Keyframe Animation
2. Making a CSS-Only Typwriter Effect
3. Creating CSS Animations With Spritesheets
4. Making a Chained Keyframe Animation
Taught by
Envato Tuts+