FREELessons: 18Length: 2.3 hours
The GreenSock Animation Platform is a powerful JavaScript library for animating HTML elements in the browser. In this course, you will go beyond the basics of GreenSock animation as Envato Tuts+ instructor Craig Campbell takes you on a tour of the plugins that ship with GSAP.
If you haven't used GreenSock before, or want to get some practical experience, check out these GreenSock courses:
1.Introduction
1.1Introduction00:35
1.1
Introduction
00:35
1.2The Plugins02:58
1.2
The Plugins
02:58
2.Animating HTML Attributes With AttrPlugin
2.1Quick Review06:32
2.1
Quick Review
06:32
2.2Tweening SVG Shapes08:13
2.2
Tweening SVG Shapes
08:13
2.3Setting Up Your SVG09:46
2.3
Setting Up Your SVG
09:46
2.4Tweening Attributes08:38
2.4
Tweening Attributes
08:38
3.Animating on a Curve With the Bezier Plugin
3.1Animating in a Circle14:27
3.1
Animating in a Circle
14:27
3.2Bezier Properties07:00
3.2
Bezier Properties
07:00
3.3More Curves06:21
3.3
More Curves
06:21
4.Animating JavaScript Color Properties
4.1Tweening Properties10:11
4.1
Tweening Properties
10:11
4.2Animating a Gradient10:16
4.2
Animating a Gradient
10:16
5.Animating Text Changes With TextPlugin
5.1Animating Text08:02
5.1
Animating Text
08:02
6.Animating CSS Rules
6.1Starting From Scratch06:58
6.1
Starting From Scratch
06:58
6.2Animating the Rule09:49
6.2
Animating the Rule
09:49
7.Directional Rotation
7.1Directional Rotation Basics10:32
7.1
Directional Rotation Basics
10:32
7.2Random Rotation08:19
7.2
Random Rotation
08:19
7.3Return on Hover11:29
7.3
Return on Hover
11:29
8.Conclusion
8.1Final Thoughts00:42
8.1
Final Thoughts
00:42
