🚨 IMPORTANT:

Free CSS Selector Cheat Sheet: https://webdevsimplified.com/specific...
Learn CSS Today Course: https://courses.webdevsimplified.com/...

CSS animations are complex. There are so many properties to control an animation and on top of that there are two different ways to write animations in CSS. In this video I will be walking through both transition and keyframe based CSS animations. By the end of this video you will understand everything you need to know about CSS animations.


📚 Materials/References:

CSS Animation Performance Video:    • How To Create Performant CSS Animations  


🧠 Concepts Covered:

- How to write transition CSS animations
- How to write keyframe CSS animations
- How all animation properties work
- CSS animation best practices


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
01:22 - Transition Property
06:20 - Animation Property


#CSSAnimation #WDS #CSS