如何使用平滑过渡的css在图像上垂直翻转图像？

Question

我必须垂直翻转图像（即event），并在其中心位置几分钟后平滑过渡。我的形象是翻转，但问题是它的位置没有松动。它从图像上方的某些点翻转。我需要用它的中心翻转它。我已经尝试了所有旋转坐标，但它不起作用。请帮帮我

这是我的JsFiddle。你可以在这里找到我的代码。

https://jsfiddle.net/bh7x7weg/

谢谢!!!!

Answer 1

您的图片来源需要设置为transform-origin: center center;阅读here以获取有关此款式的更多信息。

https://jsfiddle.net/bh7x7weg/3/