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

2.1 Creating a “to” Animation

In “TweenLite”, a “to” animation uses the target element’s current properties as a starting point for the animation. In this lesson, you will learn the syntax for creating simple movement.

Related Links

Starter Pen

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

Next lesson playing in 5 seconds

2.1 Creating a “to” Animation

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

2.1 Creating a “to” Animation

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