CSS Flip Image

by Adi Jaya

HTML

<h2>Normal</h2>
<img src="https://via.placeholder.com/200x200/0000FF/FFFFFF?text=INDONESIA" alt="demo"/>

<h2>Flip</h2>
<img class="demo" src="https://via.placeholder.com/200x200/0000FF/FFFFFF?text=INDONESIA" alt="demo"/>

CSS

.demo {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}