Creating complex animation in CSS is difficult. Lining up timings is brittle and reversing an animation is nearly impossible to do properly. Luckily, complex animations can easily be created in JavaScript with the help of the GSAP library. In this video I go over everything you need to know about GSAP in order to get started using it in your next project.


Materials/References:

GSAP Install Page: https://greensock.com/docs/v3/Installation#CDN?&_rid=93545
GitHub Code: https://github.com/WebDevSimplified/GSAP-Animation


🧠 Concepts Covered:

- How to install GSAP
- How to create timelines in GSAP
- Modifying animation speed in GSAP
- Reversing GSAP animations


Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


#GSAP #WDS #JavaScript