CodePen

HTML

            
              <select>
  <option value="normal">normal</option>
  <option value="flipped">flipped</option>
</select>

<div>
  <img id="target-me" src='http://www.stickers.be/X_Tests/Flip_Image/arend-1.gif'>
</div>

<div>
  <img src='http://www.stickers.be/X_Tests/Flip_Image/arend-1.gif'>
</div>

<div>
  <img src='http://www.stickers.be/X_Tests/Flip_Image/arend-1.gif'>
</div>
            
          
!

↑ Insert the most common viewport meta tag

CSS

            
              div {
  float:left;
}

.flipped {
  -webkit-transform:scaleX(-1);
  -moz-transform:scaleX(-1);
  transform:scaleX(-1);
  -ms-filter: "FlipH";
  filter: FlipH;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $('select').change(function() {
  if ($('option')[1]) {
    $('#target-me').toggleClass('flipped');
  }
});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................