HTML5 設置翻轉圖片

在HTML5中，通過CSS Transform屬性可以實現圖片的翻轉效果。

水平翻轉

可以通過設置scaleX(-1)實現水平翻轉，代碼如下：

img {
transform: scaleX(-1);
	}

其中img為需要翻轉的圖片標簽。

垂直翻轉

可以通過設置scaleY(-1)實現垂直翻轉，代碼如下：

img {
transform: scaleY(-1);
	}

同時可以設置既實現水平又實現垂直翻轉的效果，代碼如下：

img {
transform: scaleX(-1) scaleY(-1);
	}

可以根據需要自由組合實現不同的翻轉效果。