Code from Sample Video

[Paul Philippenko]

I created a page just following Getting Started video, but the animation would not work. Please help how to debug:

http://165.227.43.200/
 

Thanks a lot!

[Carl]

Hi and welcome to the GreenSock forums.

 

Yeah, it looks like you just need to give your logo element a css position value.

It's just a css requirement that you can't change the left or top of something unless it has position set to relative, absolute or fixed.

 

try:

.logo {

  position:absolute;

}

 

We tried to make note of this in the video but it can be missed:

https://greensock.d.pr/OssUPB

 

In most cases its better to animate transforms (x/y) instead of position (left/top).

 

Hope this helps. Let us know if you hit any more bumps in the road. We're happy to help.

 

Carl

 

ps. Definitely check out this thread on using CodePen its a great way to learn GSAP and makes it super easy for us to help you

 

 

[Paul Philippenko]

41 minutes ago, Carl said:

 

Thank you!