GSAP 3.11 avec matchMedia

# Nouvelles versions d'une des meilleures librairies d'animation en JS.

GSAP 3.11 avec matchMedia
  • GSAP
  • 21 aoû, 2022

  • 2 minutes

GSAP 3.11 avec matchMedia

Javascript

Nouvelle version de GSAP 3.11

Pour ceux qui ne connaissent pas GSAP c'est une boîte à outils JavaScript qui transforme les développeurs en super-héros de l'animation. Chez GreenSock ils sont obsédés par les performances, la compatibilité et le support afin que vous n'ayez pas à le faire.

Voici quelques nouveautés :

  • gsap.matchMedia() change la donne en matière d'animations réactives et accessibles. 💚
  • gsap.context() qui simplifie grandement la configuration et la réversion d'un tas d'animations/ScrollTriggers, notamment pour les développeurs React !
  • Vous pouvez maintenant revert() n'importe quelle animation pour ramener les cibles à leur état d'origine.
  • Définissez lockAxis : true sur un Observer pour qu'il se verrouille dans la direction dans laquelle l'utilisateur le fait glisser en premier.

Voici un explication de cette nouvelle fonction matchMedia  en vidéo :

https://vimeo.com/739773785

Lien pour voir le code :
https://codepen.io/GreenSock/pen/KKoMpMv

Les derniers articles