Flip an Image

You can flip images with CSS! There are a few different ways of doing this but adding CSS is the easiest way to flip multiple images at the same time by applying it as a class.

CSS

img {
  transform: scaleX(-1);
}

 

In the example below I used a image class to flip a particular image

<style> 
.flip{   
transform: scaleX(-1); 
}
</style>
 <img class="flip" src="">

 

Unflipped

Flipped

Facebook
Facebook
Twitter
Visit Us
Pinterest
RSS
Follow by Email

Leave a Reply