As designers, we have thoughts of how UI animation began or CSS animation, and when we get the source code of the animation, we don’t understand because we have no fundamental knowledge about animation; we follow tutorials on YouTube or courses we see online without knowing the reasons for the animations.
I know someone who has these thoughts in mind.
- How can you translate your prototype into code for your developer to understand?
- How can the animation be achieved during handoff?
- Why did they use instant animation, delay (Before and after), hover, and click?
- How can I understand this easing, duration, transform, and transition?
- Understanding Keyframe Animation in CSS
Those questions and more are added in this template… for now, it is just the in-depth understanding of how animations and interactions work using motion token, the next version will add some practical aspects
