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.2 Creating a “from” Animation

Sometimes, it’s easier to start by defining the end state of your animation first. In this lesson, you will learn how to use a “from” tween to animate a property from the value defined in the tween to the value defined in your stylesheet.

Related Links

Starter Pen

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

Craig Campbell

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.2 Creating a “from” 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