如何使用平滑过渡的CSS在其位置垂直翻转图像



我必须垂直翻转我的图像(即rotateX(,并在其中心位置几分钟后平稳过渡。我的图像翻转,但问题是它没有放在位置上。它从图像上方的某个地方的点翻转。我需要用它的中心翻转。我尝试了所有旋转坐标,但它不起作用。请帮助我

这是我的JSFIDDLE。您可以在这里找到我的代码。

https://jsfiddle.net/bh7x7weg/

谢谢!!!!

您的图像来源需要设置为 transform-origin: center center;,以获取有关此样式的更多信息。

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

最新更新