​x
 
<!DOCTYPE html>
<html>
<head>
<style>
.flipimg:hover {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
</style>
</head>
<body>
​
<h1>翻转图像</h1>
​
<p>请把鼠标移到图像上：</p>
​
<img src="/i/photo/tiyugongyuan.jpg" class="flipimg" alt="体育公园" style="width:60%; min-width:300px;">
​
</body>
</html>