[css] CSS - 이미지반전 (= 이미지좌우반전 = 이미지좌우대칭변환)

<style>

img {

       width:49%;

}

img.b {

        transform:rotate(90deg);

   -moz-transform: scaleX(-1); 

     -o-transform: scaleX(-1); 

-webkit-transform: scaleX(-1); 

        transform: scaleX(-1);   

       filter: FlipH;

  -ms-filter: "FlipH";

}

</style>

 

 <img src="https://i.imgur.com/LbolCW8.png" class='a'> 

 <img src="https://i.imgur.com/LbolCW8.png" class='b'>

결과보기