change origin point of rotation

[tricrepe]

the default origin point of rotation is at 50% 50%, how can I change the place of origin point of rotation?

[Sahil]

It is css property 'transform-origin'.

 

// You can set it on current Tween
TweenMax.to('.slide', 1, {rotation: '+=360', repeat: -1, transformOrigin: '0% 100%'});


// Or you can set transformOrigin using set externally, 
// which basically shows that if you change origin once 
// it will affect all tweens on that element not just for 1 particular tween
TweenMax.set('.slide', {transformOrigin: '100% 100%'});
TweenMax.to('.slide', 1, {rotation: '+=360', repeat: -1});

 

See the Pen dZaXyj by Sahil89 (@Sahil89) on CodePen