GreenSock Animation Platform: First Steps

Craig CampbellDec 4, 2015Lessons: 20Length: 2.2 hours

HTML/CSS Animation

Next lesson playing in 5 seconds

Cancel

Overview
Transcript

1.3 Setting Up GreenSock

In this lesson, you will learn how to set up your HTML files to include the GSAP framework. To make things even easier, we will also set up a CodePen template to use in the coming lessons.

Related Links

CodePen

1.Introduction
4 lessons, 14:39

1.2
What Is the GreenSock Animation Platform?
03:58

1.3
Setting Up GreenSock
06:28

1.4
Setting Up FontAwesome
03:32

2.Basic Animation
6 lessons, 38:16

2.1
Creating a “to” Animation
12:51

2.2
Creating a “from” Animation
05:40

2.4
Animating Multiple Properties
03:25

2.6
Transformation Points
06:24

3.Complex Animation
5 lessons, 45:16

3.1
Animating Multiple Objects
08:36

3.2
Staggering Animations
08:59

3.4
Repeating Animations
12:19

3.5
Controlling Playback
05:38

4.Animated Menu
4 lessons, 33:46

4.2
Setting Up Hover Events
07:54

4.3
The First Animation Method
06:31

4.4
The Second Animation Method
10:19

5.Conclusion
1 lesson, 01:13

Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.

craigsoup

GreenSock Animation Platform: First Steps

Next lesson playing in 5 seconds

1.3 Setting Up GreenSock

1.Introduction
4 lessons, 14:39

1.1
Introduction
00:41

1.2
What Is the GreenSock Animation Platform?
03:58

1.3
Setting Up GreenSock
06:28

1.4
Setting Up FontAwesome
03:32

2.Basic Animation
6 lessons, 38:16

2.1
Creating a “to” Animation
12:51

2.2
Creating a “from” Animation
05:40

2.3
Multiple Tweens
03:34

2.4
Animating Multiple Properties
03:25

2.5
Easing
06:22

2.6
Transformation Points
06:24

3.Complex Animation
5 lessons, 45:16

3.1
Animating Multiple Objects
08:36

3.2
Staggering Animations
08:59

3.3
Timeline Animations
09:44

3.4
Repeating Animations
12:19

3.5
Controlling Playback
05:38

4.Animated Menu
4 lessons, 33:46

4.1
Your Assignment
09:02

4.2
Setting Up Hover Events
07:54

4.3
The First Animation Method
06:31

4.4
The Second Animation Method
10:19

5.Conclusion
1 lesson, 01:13

5.1
Conclusion
01:13

GreenSock Animation Platform: First Steps

Next lesson playing in 5 seconds

1.3 Setting Up GreenSock

1.Introduction4 lessons, 14:39

2.Basic Animation6 lessons, 38:16

3.Complex Animation5 lessons, 45:16

4.Animated Menu4 lessons, 33:46

5.Conclusion1 lesson, 01:13

1.Introduction
4 lessons, 14:39

2.Basic Animation
6 lessons, 38:16

3.Complex Animation
5 lessons, 45:16

4.Animated Menu
4 lessons, 33:46

5.Conclusion
1 lesson, 01:13