From the course: CSS: Scrolling and Parallax

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Adding a staggered GSAP tween

Adding a staggered GSAP tween - CSS Tutorial

From the course: CSS: Scrolling and Parallax

Adding a staggered GSAP tween

- [Instructor] ScrollMagic and GSAP are fantastic combination. So, let's do one more thing and I'll close it out by showing you how to finish up what you need to do before you send this over to production. All right. So, what I'm going to do is create another tween. And this right here is the part in jQuery that lets you do something when the page loads. So don't get it confused with everything we're doing here. The interpreter that I have here for this editor is automatically indenting things and it's not as clear as you think here. One more thing, I don't really need to create a variable. I can, but I don't really need this statement right here. So, I can just create a new ScrollMagic scene and do what I need and then add it to the controller. It's the same thing I did over here. But just to note, you don't really need to create a variable when you create the scene. So, let's go ahead and keep on adding things. I'm…

Contents