If your application is rich in animations and you would like to reuse your CSSÂ classes in other projects by mixing and matching them, this is the recipe for you. You will also understand an important technique for performant animations, called FLIP (First Last Invert Play). While the latter technique is normally triggered automatically by Vue, we will implement it manually to get a better understanding of how it works.
Adding your own transition classes
Getting ready
To complete this recipe, you should understand how CSS animations and transitions work. This is out of the scope of this book, but you can find a good primer at http://css3.bradshawenterprises.com/. This website is also great because it will explain when you can use animations and transitions...