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/Install...
GitHub Code: https://github.com/WebDevSimplified/G...


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:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


#GSAP #WDS #JavaScript