Techniques d’animation en Javascript

Reveal Effects

Par “Block Reveal Effects” (ou “Element Reveal Animations”), on désigne des animations qui font apparaître un nouveau bloc de contenu. Elles sont souvent déclenchés par le défilement de la page (scroll).

Articles décrivant ces techniques:

Quelques bibliothèques Javascript pouvant aider à créer ces effets:

Pour aider à détecter le “scroll”:

  • AOS (Animate On Scroll) (premier release en 2015, dernier en 2018), licence MIT.
  • WOW.js (premier release en 2013, dernier en 2016), licence MIT.
  • scrollMonitor (premier release en 2013, dernier en 2017), licence MIT.
  • ScrollReveal (premier release en 2014, dernier en 2018)

Pour les animations:

Certains “front-end frameworks” proposent des effets de “Block Reveal”:

Transitions

Exemples de transitions visuelles: