Flipping an image with JS/Jquery
<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>
