1、HTML代码
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>test</title> 5 </head> 6 <body> 7 <img src="images/left.png"> 8 <img src="images/left.png" class="flip-horizontal"/> 9 <img src="images/left.png" class="flip-vertical" /> 10 </body> 11 </html>
2、CSS代码
1 .flip-horizontal { 2 -moz-transform: scaleX(-1); 3 -webkit-transform: scaleX(-1); 4 -o-transform: scaleX(-1); 5 transform: scaleX(-1); 6 filter: fliph; /*IE*/ }
7 .flip-vertical { 8 -moz-transform: scaleY(-1); 9 -webkit-transform: scaleY(-1); 10 -o-transform: scaleY(-1); 11 transform: scaleY(-1); 12 filter: flipv; /*IE*/ }
原文：http://www.cnblogs.com/zxjwlh/p/4650216.html