GreenSock
Explore how to use GreenSock in Angular to build high-performance animations. Learn to create simple rotation effects and complex chained animations using timelines, while managing animation states to prevent overlap.
We'll cover the following...
We'll cover the following...
GreenSock is a popular JavaScript animation library that excels in creating high-performance animations that are compatible in every major browser.
You don’t need to install this library, as we’ve already installed it. However, if you want to install it on your local machine, you can find out how in the lesson, Setting up Third-party Libraries.
Basic animation using GreenSock
Let’s walk through creating a simple animation using GreenSock’s animation APIs. We’ll be creating a box that will rotate 360 degrees when clicked.
- Create a
divin the template (app.component.html) and give