在css中,可利用transform属性实现垂直翻转效果,此属性可对DIV元素,图片元素都有效果。而这篇博文所要说的图片垂直效果也要使用这个CSS属性。

CSS 实现图片垂直翻转的方法

实现代码:

<img src="https://www.feiniaomy.com/zb_users/upload/2020/08/20200829213229159870794997259.jpg" />
<img style="transform:rotateX(180deg);" src="https://www.feiniaomy.com/zb_users/upload/2020/08/20200829213229159870794997259.jpg" />

实现效果:

CSS实现图片垂直翻转的效果