flipping image horizontal

  • Post category:CSS
  • Post comments:0 Comments

You can use this trick to flip an image horizontal also it works on IE. Just add the following CSS class to your image.

Note: It works with source images only (not background image)

.flip-horizontal {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: fliph; /*IE*/
}

Demo:
before:

After: