实现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);}