实现css图片水平翻转、垂直翻转

IE：
水平翻转：
filter:filph

<img id="myImg" src="pineapple.jpg"   style="filter:filph">

垂直翻转：
filter:FlipV

<img id="myImg" src="pineapple.jpg"   style="filter:FlipV">

同时水平垂直翻转

filter:fliph flipv;

其他浏览器：

水平翻转：

img{
	-moz-transform: matrix(-1, 0, 0, 1, 0, 0);
	-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
	-o-transform:matrix(-1,0,0,1,0,0);
}

垂直翻转：
filter:FlipV

img{
	-moz-transform: matrix(1, 0, 0, -1, 0, 0);
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	-o-transform:matrix(1,0,0,-1,0,0);
}

同时水平垂直翻转

img{
	-moz-transform:matrix(-1,0,0,-1,0,0);
    -webkit-transform:matrix(-1,0,0,-1,0,0);
    -o-transform:matrix(-1,0,0,-1,0,0);
}