Pubblicato il 29/05/2023

AOS plugin javasript per animare gli elementi

Come da titolo, in questo articolo è spiegato brevemente il funzionamento di AOS.

AOS é una libreria open source per animare gli elementi del DOM, è facilissima da usare e contribuisce a rendere il sito piu dinamico, la documentazione completa si trova al link di seguito.

VISITA IL SITO

Quindi si inserisce scarica il file js e lo si incolla nel footer sotto lo script jquery, successivamente per ogni elemento che si intende muovere si aggiungono gli attributi direttamente nel tag.

Lo script che attiva il plugin è il seguente

AOS.init();
AOS.init({
  disable: false,
  startEvent: 'DOMContentLoaded',
  initClassName: 'aos-init',
  animatedClassName: 'aos-animate',
  useClassNames: false,
  disableMutationObserver: false,
  debounceDelay: 50,
  throttleDelay: 99,
  offset: 120,
  delay: 0,
  duration: 400,
  easing: 'ease',
  once: false,
  mirror: false,
  anchorPlacement: 'top-bottom'
});

Categoria: Javascript

Condividi sui Social: