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