Angular 2 (Angular 4) - Route Specific Animation

Angular 2 (Angular 4) - Route Specific Animation

In this video we continue with the shaking login form example, and we look to provide animation that translates each component in a set of routes. When we leave one route and start another we will slide in the out the previous screen and bring the form to 0 opacity, and then subsequently bring in the next component that we are routing to in using a slide in transition and setting the opacity back to 1.

As part of this example I also show parallel animations using groups to demonstrate how we can set the opacity faster than the translation etc.

Below is the git repository for the final result shown in this video. You need to check out the routing branch though.

Watch all my other videos in this series:-

[liquidpebbles]

Very helpful, glad I found your series!