title: Flipping an image with JS/Jquery
body: <p>I am looking to flip an image.  I have gotten the css to work using:</p>
  
  <pre><code>    -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      filter: FlipH;
      -ms-filter: "FlipH";
  </code></pre>
  
  <p>I am looking to apply this to an image but am unsure of the formatting.</p>
  
  <p>I tried doing:
   <code>var flip = "-moz-transform: scaleX(-1),-o-transform: scaleX(-1),-webkit-transform: scaleX(-1),transform: scaleX(-1),filter: FlipH,-ms-filter: 'FlipH'";</code></p>
  
  <p>And then:
  <code>$("#chicken").delay(scrolllen).fadeOut(0).css({ left: 2600 + "px" , top : 2370 + "px" + flip}).fadeIn(0).animate({ left: 1600 + "px" , top : 2370 + "px"}, 5000, 'linear');</code>
  at a later point, but it doesn't seem to apply.</p>