transformOrigin issues

[Ron Itelman 8 Likes (Newbie)]

I am unable to get the transformOrigin property to be centered within the object. It is being set to 0px 0px regardless of whether I have a 'transformOrigin' property defined or not. The codepen illustrates this issue: https://codepen.io/ron-itelman/pen/xzqMWN?editors=1010

See the Pen xzqMWN?editors=1010 by ron-itelman (@ron-itelman) on CodePen

[PointC 14,178 Likes (Superhero)]

transformOrigin is for transforms. It won't work with size animations like width/height. Width/height starts at top/left. Scale should give you the desired results.

 

TweenMax.from('#square', 2, {opacity:"0", scale:0, ease:"Bounce.easeOut", transformOrigin:"50% 50%"});

 

Hopefully that helps. Happy tweening.

 

 

[Ron Itelman 8 Likes (Newbie)]

Thank you works perfect