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" />
实现效果: