Skip to main content

Angular Fade In Animation

This is a very short example to start with Angular animations

  1. Import BrowserAnimationsModule in Module where you need the animation
  2. Create your animation in a separate file, eg: custom-animation.ts
  3. Declare animation inside the @Component decorator of the component using the animation → eg: animations: [customAnimation]
  4. Attach the animation by its declared prefix on desired tag in component's html → eg: <element @customAnimation>