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

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样式左右翻转代码

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" />