Hello friends, This is my tutorial on Angular. In this tutorial ,you will learn about Angular router transition animation. Follow these steps to create animation in angular. First You need to enable the animations module by importing BrowserAnimationsModule . Write below code in your app.module.ts file import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; Next you need to create animation.ts file and write below code . import { animate, query, style, transition, trigger, group, } from '@angular/animations'; export function routerAnimation() { return trigger('routerAnimation', [ // One time initial load. Move page from left -100% to 0% transition('-1 => *', [ query(':enter', [ style({ position: 'fixed', ...