1. 程式人生 > >Css圖片的翻轉效果

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