Complete Vue.js Guide [9/10]

Starting from this lesson, we will show you how to create transitions and animations in Vue programs.

Transitions and animations still generated by native CSS properties. Vue just helps us apply and remove those properties. Third-party CSS libraries, CSS-based or JS-based, are also supported by Vue.

In this lesson, we will do a quick review of three CSS properties: transition, transform and animation. We will need them in later lessons.

I have a DIV here. It is styled by a classed named initialStyle.