Learn CSS Animation In 15 Minutes

Learn CSS Animation In 15 Minutes


Free CSS Selector Cheat Sheet: https://webdevsimplified.com/specificity-cheat-sheet.html
Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today

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: https://youtu.be/4PStxeSIL9I

🧠 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: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
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

Powered by WPeMatico