# GSAP ![](https://i.imgur.com/Xd7lML7.png =500x) Le couteau suisse des animations ! --- # **GSAP so koa ?** ![](https://i.imgur.com/heBUWIq.png) --- Multitude de plugins permettant divers types d'animations ! *(Plus de moula pour les tacos yes)* ![](https://i.imgur.com/UuEyp4S.png =250x)![](https://i.imgur.com/8kJ4bSy.png =250x) ![](https://i.imgur.com/wWnI3vl.png =250x) --- # Comment l'utiliser dans un projet ? -> CDN ou import basique. ![](https://i.imgur.com/YN736S8.png =400x) --- Jettons un oeil à ScrollTrigger :+1: https://greensock.com/scrolltrigger/ https://codepen.io/snorkltv/pen/MWaMMJG --- Et maintenant MorphSVGPlugin :100: https://codepen.io/GreenSock/pen/rOjeRq --- ![](https://i.imgur.com/i1mu4lL.png) ## Pourquoi utiliser GSAP ? * Gratuit * Extrèmement puissant * Facilement intégrable dans un projet (JS) * Rend l'animating très ludique --- ## Petit questionnaire : 1. Quel type de language GSAP utilise ? 2. Quel plugin de GSAP permet la manipulation de SVG > Moi j'pense les questions elles sont vite répondues --- # Merci d'avoir suivi ! Source : https://www.nobledesktop.com/blog/why-learn-the-greensock-animation-platform-gsap#:~:text=The%20GreenSock%20Animation%20Platform%20(GSAP)%20is%20a%20popular%20set%20of,can%20be%20animated%20with%20GSAP.&text=You%20simply%20write%20short%20snippets,what%20the%20timing%20should%20be.
{"breaks":true,"metaMigratedAt":"2023-06-15T13:45:21.591Z","metaMigratedFrom":"Content","title":"GSAP","contributors":"[{\"id\":\"d790ca5d-e4d0-45e6-acad-bd058fde897b\",\"add\":1644,\"del\":249}]"}
    259 views