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.

Animating the parachute

Animating the parachute - CSS Tutorial

From the course: CSS: Scrolling and Parallax

Start my 1-month free trial Buy for my team

Animating the parachute

“

- [Narrator] All right. So it's time to start putting things together. We're going to animate this nice little parachute. I know you've been looking at it and you've been wondering what I was going to do here. So we're going to start a new scene here and then create a tween that is going to do some pretty cool things with this. So let's get going. Let's go ahead and create the scene. So let parachute scene here. We're going to make a new ScrollMagic scene. Our trigger element here is going to be our friend ID. Just like before, we're going to make the duration of this thing 170%. So that's going to need to be in quotes and we'll set the trigger hook at the beginning so we'll use a number zero here. So we also have to create a tween. So we can go ahead and hit set tween here and we're going to call this parachute tween and we'll create that in just a minute. And so we can see it, we'll do…

Contents