ANIMACIONES Y EFECTOS

AOS BIBLIOTECA DE ANIMACIONES EN SCROLL

pasos:

1. Instalamos AOS con el comenado: npm install aos --save

2. Agregamos las importaciones y el ngOnInit en App component para que sea afectado en toda la app. Las que aparecen en azul.

import { Component } from '@angular/core';

import { RouterOutlet } from '@angular/router';

import * as AOS from 'aos';

@Component({

 selector: 'app-root',

 standalone: true,

 imports: [RouterOutlet],

 templateUrl: './app.component.html',

 styleUrl: './app.component.css'

})

export class AppComponent {

 title = 'myapp';

 ngOnInit() {

   AOS.init();

   AOS.refresh();

 }

}

3. Agregamos al angular.json las referencias a la biblioteca.