Lessons: 20Length: 2.2 hours
GreenSock is a JavaScript framework which makes it easy to animate HTML elements. During this course, you will take your first steps in learning how to use this powerful framework. As long as you have an understanding of HTML and CSS, along with a basic knowledge of JavaScript, you’ll be equipped with everything you need to follow along.
Build on your knowledge of GreenSock and follow this course up with one of these more advanced courses:
1.Introduction
1.1Introduction00:41
1.1
Introduction
00:41
1.2What Is the GreenSock Animation Platform?03:58
1.2
What Is the GreenSock Animation Platform?
03:58
1.3Setting Up GreenSock06:28
1.3
Setting Up GreenSock
06:28
1.4Setting Up FontAwesome03:32
1.4
Setting Up FontAwesome
03:32
2.Basic Animation
2.1Creating a “to” Animation12:51
2.1
Creating a “to” Animation
12:51
2.2Creating a “from” Animation05:40
2.2
Creating a “from” Animation
05:40
2.3Multiple Tweens03:34
2.3
Multiple Tweens
03:34
2.4Animating Multiple Properties03:25
2.4
Animating Multiple Properties
03:25
2.5Easing06:22
2.5
Easing
06:22
2.6Transformation Points06:24
2.6
Transformation Points
06:24
3.Complex Animation
3.1Animating Multiple Objects08:36
3.1
Animating Multiple Objects
08:36
3.2Staggering Animations08:59
3.2
Staggering Animations
08:59
3.3Timeline Animations09:44
3.3
Timeline Animations
09:44
3.4Repeating Animations12:19
3.4
Repeating Animations
12:19
3.5Controlling Playback05:38
3.5
Controlling Playback
05:38
4.Animated Menu
4.1Your Assignment09:02
4.1
Your Assignment
09:02
4.2Setting Up Hover Events07:54
4.2
Setting Up Hover Events
07:54
4.3The First Animation Method06:31
4.3
The First Animation Method
06:31
4.4The Second Animation Method10:19
4.4
The Second Animation Method
10:19
5.Conclusion
5.1Conclusion01:13
5.1
Conclusion
01:13
