Set position of div by its center point?

[felixturner 1 Likes (Newbie)]

Hi,

 

is there a way to have GSAP set the position of a HTML element by its center point rather than its top-left corner?

 

For example if I have a div that has width and height 100px, doing this sets the top left corner position to (500,500) not the center:

TweenLite.to(myDiv,1,{x:500,y:500});

I can do it manually by calculating the size of the div and offsetting by that 1/2 that amount, but I'm lazy and wondering if it can be done automatically

 

Thanks!

[Chrysto 143 Likes (Specialist)]

I think not, but you can make a function that does the calculations for you:

 

See the Pen docsa by burnandbass (@burnandbass) on CodePen