[TweenMax scale div and maintain CSS Top and Left position]

That was it!  Works like a charm.  Thanks.

[TweenMax scale div and maintain CSS Top and Left position]

Is it possibe to scale a div with TweenMax but I would like to maintain or reset the CSS top and left position?  Below are a few failed attempts.  It seems TweenMax always scales from the center point.

 

TweenMax.fromTo('#div-name', 2, {scaleX:.5, scaleY:.5}, {css:{top:0, left:0}}); 

 

or

 

TweenMax.to('#div-name', 2, {scaleX:.5, scaleY:.5});

$("#div-name").css({ top: '0px', left: '0px' });

 

The Codepen URL shows the red div scaling but not maintaining the top: 0 and left: 0 desired position.

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

[BezierPlugin - Generate points based on graphic]

How can I generate complex bezier curve points that follow a graphical path?  I have tested the BezierPlugin demo SWF and it will work great for my project but I'm stuck calculating the points that match the image provided by the designer.  I need to animate a div with an image background that tracks the graphical path.  Will Photoshop, Illustrator, or Flash calculate the points from a graphic that can be used?  Is there are third party tool?

 

Attached is a graphical example for reference.

 

Thanks in advance for your help.