将图像偏移一半？

Question

我有一个金盒，我希望金盒内的图像以金盒的中心为中心，以便图像的中心点坐在金盒的顶部。

就像一个图像坐在顶部的产品包装盒。

JSFiddle

我已经试过：

margin-top: -50%; 

，但没有运气。

Answer 1

这样的事情呢？

https://jsfiddle.net/v992pqmw/

transform: translateY(-50%);