Staggering our animations with two timelines
In our attempts to create a reusable animation, a logical outlet for us is to break each of these animation components into their own timeline. In this lesson, we will create a staggering animation and break apart our animations into two separate timelines.
Ready to Level Up Your Skills?
Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!
Enroll Now for Free!The project goal
In this lecture, we will talk about the goals and outcomes of this chapter.
01:52
The breakup
By the end of this lesson, we will break our text apart and re-position it to sit in the exact same spot as we had it before.
14:53
Creating a plugin
In this lecture, I will introduce you to the concept of creating plugins and how to get them working. We will use this to improve our logic.
07:43
Staggering our animations with two timelines
In this lesson, we will create a staggering animation and break apart our animations into two separate timelines.
09:04
Adding callbacks at any point in a timeline
In this lesson, we'll explore the call method which enables us to trigger a callback at specific point in time.
02:44
Aligning stacked animations
In this lesson, we will explore how to change the way items are stacked against the timeline when added together using the align property.
05:30
Animating timelines
n this lesson, we will see how to animate the timeline itself.
03:06
A quick scan of all the other functions
This lesson will wrap up this chapter and project.
05:17