css样式定义：
.flip-horizontal {
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
filter: fliph; /*IE*/ }
.flip-vertical {
-moz-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
-o-transform: scaleY(-1);
transform: scaleY(-1);
filter: flipv; /*IE*/ }
HTML引用示例：
<img src="http://img.baidu.com/img/logo-zhidao.gif" class="flip-horizontal" /> <img src="http://img.baidu.com/img/logo-zhidao.gif" class="flip-vertical" />
原文：http://www.cnblogs.com/jweb/p/4610922.html