Using the GSAP TextPlugin
The TextPlugin tweens the text content of DOM elements. Replacing one character at a time (or one word at a time if you set the delimiter to " " [a space] or you can even use a custom delimiter). So when the tween is finished, the DOM element text has been completely replaced. This also means that if you rewind/restart the tween, the text will be reverted.
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 slideshow project
This whole chapter is dedicated to practicing the skills we developed throughout the last few chapters.
00:46
Creating a slideshow
By the end of this lesson you Will have a fully operational slideshow. In the process we will discover the this command.
14:32
Turning our slideshow to an OOP one
In the end of this lesson we will have a similar slideshow only one that is an object.
13:22
Making our slideshow more dynamic
In this lesson we revert back and update this logic by removing those labels and making our slideshow capable of running unlimited slides.
04:09
Using the GSAP TextPlugin
The TextPlugin Tweens the text content of a DOM element.
11:02
Taking the TextPlugin for a spin
In this lesson I wanted to show you how do you create custom animation and interactivity that is layered into the plug-in.
11:40
Completing the slideshow
By the end of the session lesson you we will have a fully working completed slideshow.
04:48