CSS Animation Course Journey 📚
Tags: css, todayilearned, tutorial, codenewbie
Published: 2021-03-04 16:10:00

Hi Dear Friends 👋,

In this post, I'm going to share my ["CSS Animation Course"](https://scrimba.com/learn/cssanimations) journey.

This Sunday on **"28th Feb 2021"** I have completed the course 🎓

This course is hosted on **[Scrimba](https://scrimba.com)** 🎥 by **Jad Khalili**. The course is really really awesome and very easy to understand, not this course but in scrimba almost all courses are very easy so anyone can understand quickly. And one of the best features I liked is you can edit your code at video **yes**. I don't have words to explain this feature and I recommend you to try it once. By the way, you can find [***Per Harald Borgen***](https://dev.to/perborgen) at our DEV community, who is CEO and co-founder of Scrimba platform.


![CSS Animation](https://i.ibb.co/17YB8SR/scrimba.png)


Actually, 🤟 I have completed my CSS course in 2017 from a local institute but in that course, I don't learn all CSS properties and lessons and the course curriculum is not proper. They also don't teach the "CSS animation part" too. That's the reason I have enrolled in this course and now I can say that I can teach you anything about CSS. In this course, I have completed one video lesson in one day because I'm a job person and I have shared all things which I have learned step-by-step on this DEV platform. Please check out the following table.


| CSS Animation course content |
| -------- |
| 1) [What is transition?](https://dev.to/atulcodex/what-is-transition-dcb) |
| 2) [Adding Transition 🧐](https://dev.to/atulcodex/adding-transition-3i9c) |
| 3) [Customizing Transition 🥽](https://dev.to/atulcodex/customizing-transition-555k) |
| 4) [Transition Shorthand 🦔](https://dev.to/atulcodex/transition-shorthand-2g50) |
| 5) [Transition Challenge 🥊](https://dev.to/atulcodex/transition-challenge-23j3) |
| 6) [Real-World Transitions Challenge 🥋](https://dev.to/atulcodex/real-world-transitions-challenge-2n97) |
| 7) [Defining Animation property 🦾](https://dev.to/atulcodex/defining-animation-property-3kph) |
| 8) [Animation Timing Property 🍣](https://dev.to/atulcodex/animation-timing-property-11cd) |
| 9) [Animations other property🌙](https://dev.to/atulcodex/animations-other-property-4ebp) |
| 10) [Understand Animation fill mode 🤯🤪 ](https://dev.to/atulcodex/understand-animation-fill-mode-2dg5) |
| 11) [Animation shorthand property 😘 ](https://dev.to/atulcodex/animation-shorthand-property-2i48) |
| 12) [Animation challenge 🧉](https://dev.to/atulcodex/animation-challenge-3clm) |
| 13) [Real-world CSS animation challenge 🌎 ](https://dev.to/atulcodex/real-world-css-animation-challenge-3l0e) |
| 14) [How to set element center with transform property in CSS ](https://dev.to/atulcodex/how-to-set-element-center-with-transform-property-in-css-38e) |
| 15) [Let's understand the CSS scale property 🤨 ](https://dev.to/atulcodex/let-s-understand-the-css-scale-property-28kj) |
| 16) [What is translation in CSS🏎](https://dev.to/atulcodex/what-is-translation-in-css-55kb) |
| 17) [Rotation in CSS animation ⌚ ](https://dev.to/atulcodex/rotation-in-css-animation-4c5) |
| 18) [Today i learned about CSS skew 📦 ](https://dev.to/atulcodex/today-i-learned-about-css-skew-1fd2) |
| 19) [How to write values in transform property? ](https://dev.to/atulcodex/how-to-write-values-in-transform-property-4o9f) |
| 20) [Real-world CSS Transform challenge 👄](https://dev.to/atulcodex/real-world-css-transform-challenge-iap) |
| 21) [Do you know what is CSS Prefixes 😮](https://dev.to/atulcodex/do-you-know-what-is-css-prefixes-4naa) |
| 22) [Let's break the CSS variables 🤿 ](https://dev.to/atulcodex/let-s-break-the-css-variables-251h) |


In this CSS Animation course, I have learned a lot's of things in this course and created small projects


* Real-World Transitions Challenge
* Animation challenge
* Real-world CSS Transform challenge


And this Indian Flag project with just HTML and CSS 🦩
{% codepen https://codepen.io/atulcodex/pen/RwoyemN %}


# But But But, wait 🤚

![Wait](https://media.giphy.com/media/cjhBClBwZAHs3TEzDH/giphy.gif)

Just completing a video course is not enough, So in our next dev post we will discuss and learn about the CSS variable ⛵


Follow me, So you can get notification of my next project 🔥