Image fade from zero and move position

[coco]

Hi guys

I'm stumped on trying to figure this out: fading in an image and moving it from left (or from anywhere) at the same time.  I don't know why it's eluding me and am hoping you can lead me in the correct direction.  I created a simple codepen for this.  I think I am confusing my syntax here or missing something basic.

 

thanks!   

See the Pen jbgqLj by nushi (@nushi) on CodePen

[Diaco]

Hi coco 

 

pls try like this :

.fromTo(".img",1,{opacity:0,x:-30},{opacity:1,x:100});   

// or  .fromTo(".img",1,{autoAlpha:0,x:-30},{autoAlpha:1,x:100});   

pls check CSSPlugin Doc. : http://greensock.com/docs/#/HTML5/Plugins/CSSPlugin/

 

you don't need to use css:{} wrapper , but if want ; 'x' property should be in css wrapper

[coco]

Hi Diaco!  Thank you.. 

I really screwed that one up..     It's so simple!