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

7.3 Return on Hover

Now that your random rotations are set up, in this lesson, you’re going to learn how to animate all objects back to their starting positions when the user hovers over the 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