n00b, basic tween fails.

[tunage 0 Likes (Newbie)]

I am trying to do a basic tween, just playing with greensock for the first time.

http://jsfiddle.net/zbuphrjd/

 

I am expecting the image in the class logo to move, just like the instruction.

nah-dah

See the Pen by zbuphrjd (@zbuphrjd) on CodePen

[Diaco 1,995 Likes (Superhero)]

Hi tunage 

 

that's better to use x/y property instead of left/top ( with x/y you'll have better performance ) : 

TweenMax.to(".logo", 2, {x:600});

but for left property ; pls add position:absolute; to ".logo" css , you can set position or other css property directly with GSAP too :

TweenMax.to(".logo", 2, {position:'absolute',left:600});

[tunage 0 Likes (Newbie)]

 

Hi tunage 

 

that's better to use x/y property instead of left/top ( with x/y you'll have better performance ) : 

TweenMax.to(".logo", 2, {x:600});

but for left property ; pls add position:absolute; to ".logo" css , you can set position or other css property directly with GSAP too :

TweenMax.to(".logo", 2, {position:'absolute',left:600});

It works on codepen, but not published to my site.  o.0

No errors in the logs either.

See the Pen OPQZZX by anon (@anon) on CodePen

nyctelecomm.com

[Diaco 1,995 Likes (Superhero)]

pls try x/y property instead of left/top , anyway pls send your online webpage link

[tunage 0 Likes (Newbie)]

pls try x/y property instead of left/top , anyway pls send your online webpage link

I replaced the left with x and still no tween. the live site is at http://nyctelecomm.com/index.php

I even tried to download the libraries from git and statically set them with  <script src="GreenSock-JS/src/uncompressed/TweenMax.js"></script>

 

nah-dah  

[OSUblake 18,474 Likes (Superhero)]

Put your scripts before the closing </body> tag. You're running the script before the html is ready.

 

See the Pen raJvZr by osublake (@osublake) on CodePen