Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m

2.4 Tweening Attributes

The AttrPlugin which ships with GSAP gives us even more flexibility for animating DOM elements with JavaScript. In this lesson, you’ll add to your previous SVG animation as you use the AttrPlugin to tween the points within a shape.

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