Css图片的翻转效果

效果图：

代码：

.turn{
   -moz-transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
   -ms-transform: scaleX(-1);
   transform: scaleX(-1);
   filter: FlipH;
   -ms-filter: "FlipH";
}
  </style>
 </head>
 <body>
  <img src="img/1.jpg" alt="" />
  <img src="img/1.jpg" alt="" class='turn'/>