hi,欢迎访问本站!
当前位置: 首页Web前端正文

CSS左右垂直翻转图片的方法

墨初 Web前端 95阅读

CSS样式中的 transform 属性如果将值设置为 rotateX 或 rotateY,可以实现元素的翻转,下面就拿CSS翻转图片做个例子。

CSS垂直翻转图片的方法

css样式垂直翻转代码:

transform:rotateX(180deg);

例:

<img src="https://www.73so.com/artimgs/windows_1.png" />
<img style="transform:rotateX(180deg);" src="https://www.73so.com/artimgs/windows_1.png" />

CSS垂直翻转图片的方法

CSS左右翻转图片的方法

css样式左右翻转代码

transform:rotateY(180deg);

例:

<img src="https://www.73so.com/artimgs/windows_1.png" />
<img style="transform:rotateY(180deg);" src="https://www.73so.com/artimgs/windows_1.png" />

CSS左右翻转图片的方法

标签:
声明:无特别说明,转载请标明本文来源!
发布评论
正文 取消