transform动画起点问题

刚刚想做一个从图中心有小变大的动画，把延时加大之后发现都是从右上角往左上角运动，因为今天刚学的，所以不是特别熟悉，希望有大神能解答一下。

position: absolute;

left: -50%;

top: -50%;

transform: scale(1.25);

transform-origin: 50% 50% 0;

transition: transform 500ms linear;

z-index: 1;

我在网上看的动画中心代码是这个

transform-origin: 50% 50% 0;

不太确定的就是这个left 和top的值

-50% -50%是不是代表这两个点从一到二相对运动了网上和往左50%

如果有对这方面比较了解的大哥希望能给我稍微讲两句