欢迎来到飞鸟慕鱼博客,开始您的技术之旅!
当前位置: 首页前端设计正文

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

墨初 前端设计 1415阅读

在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实现图片垂直翻转的效果

声明:无特别说明,转载请标明本文来源!