变换起源如何与规模和过渡一起工作？

Question

我尝试应用transform-origin以向下转换图像。如果我只使用仅缩放应用变换原点，我似乎得到了预期的结果，图像向下缩放：

transformOrigin: 50% 0%;
transform: scale(2);

但是，如果我也翻译图像，变换原点似乎会使图像缩放更多，但也会向上移动：

  transformOrigin: 50% 0%;
  transform: scale(2) translateY(20px);