TimelineMax
Duration: 01:37:40
This course builds on concepts from User Generated Timelines.
Created with
Ben Fhala
Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.
TimelineMax Overview
What you'll learn
This is our last chapter in advanced animations using the GSAP library. Over the last 20 hours we dove deep into the world of animation covering all the critical aspects of animation you need to know about. In this last chapter we push ourselves even further as we discover labels, nested timelines, tweening timelines and other TimeliteMax goodies.
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!Running out of Time
We will learn about labels and how to work with them, we will completely solidify the concepts of time in the time line, we will tween timelines and nest them.
Adding labels
In this lesson we will learn how to add labels into our timeline and how to jump to them whenever we want to.
Pausing and playing timelines
In this lesson, we will integrate a pause and play toggle functionality for our timeline editor.
Integrating pause points
In this lesson we will introduce the add pause method and its functionality in regards to timelines.
Moving into TimelineMax
In this lesson, we will meet our first TimelineMax method that will return the current label we are in (currentLabel).
Jumping back or forwards
In this lesson we will learn how to use the getLabelTime, getLabelBefore and getLabelAfter TimelineMax methods.
A tear in time and space
In this lesson we will get rid of duplicate labels as we fix our tear in time and space.
Next: back to the back
In this lesson, we go back and improve the functionality of both the back and next buttons.
Tweening timelines
In this lesson we will fast forward and fast backwards the point in time we want to be giving control to the timeline to a simple little TweenLite.
Nesting timelines
In this lesson we will nest a timeline inside of another timeline.
What does time actually mean?
In this lesson we will travel through and understand the differences between the time methods of GSAP timelines.
Goodbye For now
Thanks for watching!
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!