Hey Diaco,
thanks for checking it out!
Interesting, is that syntax documented somewhere? It did change something, but unfortunately it's only that now TweenMax sets the starting value to 50% 50% on every Tween instead. What I want is the current value at the beginning of the tween.
I did some digging: TweenMax seems to convert the property to "-webkit-perspective-origin-x" and "-webkit-perspective-origin-y" behind the scenes, and tweening those directly seems to work where tweening -webkit-perspective-origin doesn't. Strange.
So for now I'm doing this, which is unfortunate, but does work in both browsers:
if (this.$options.isSafari) {
gsap.TweenMax.to(this.$el, 0.7, {
"-webkit-perspective-origin-x": x + '%',
"-webkit-perspective-origin-y": y + '%'
});
} else {
gsap.TweenMax.to(this.$el, 1, { perspectiveOrigin: x + '% ' + y + '%' });
}
I wish there was a better way of doing this, but it seems that the perspective-origin property is somewhat of an edge case for GSAP?
Cheers,
Franz