Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now

4.1 Tweening Properties

In this lesson, you’re going to start learning about the ColorPropsPlugin for GSAP. With this plugin, you can animate color properties on any JavaScript object.

Related Links

1.Introduction
2 lessons, 03:33

Free Lesson
1.1
Introduction
00:35

Free Lesson
1.2
The Plugins
02:58

2.Animating HTML Attributes With AttrPlugin
4 lessons, 28:21

2.1
Quick Review
06:32

2.2
Tweening SVG Shapes
08:13

2.3
Setting Up Your SVG
09:46

2.4
Tweening Attributes
03:50

3.Animating on a Curve With the Bezier Plugin
3 lessons, 27:48

3.1
Animating in a Circle
14:27

3.2
Bezier Properties
07:00

3.3
More Curves
06:21

4.Animating JavaScript Color Properties
2 lessons, 20:27

4.1
Tweening Properties
10:11

4.2
Animating a Gradient
10:16

5.Animating Text Changes With TextPlugin
1 lesson, 08:02

5.1
Animating Text
08:02

6.Animating CSS Rules
2 lessons, 16:47

6.1
Starting From Scratch
06:58

6.2
Animating the Rule
09:49

7.Directional Rotation
3 lessons, 30:20

7.1
Directional Rotation Basics
10:32

7.2
Random Rotation
08:19

7.3
Return on Hover
11:29

8.Conclusion
1 lesson, 00:42

8.1
Final Thoughts
00:42