css圖片鏡像效果

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" />

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*/ }