將圖像偏移一半？

Question

我有一個金盒，我希望金盒內的圖像以金盒的中心爲中心，以便圖像的中心點坐在金盒的頂部。

就像一個圖像坐在頂部的產品包裝盒。

JSFiddle

我已經試過：

margin-top: -50%; 

，但沒有運氣。

Answer 1

這樣的事情呢？

https://jsfiddle.net/v992pqmw/

transform: translateY(-50%);