title: image rotate 360 degree on click
body: <p>Need your help developers, 
  I am using images as a menu. I just want when i click on image it rotate 360 degree and then another page is open. 
  i try this. </p>
  
  <pre><code>&lt;style&gt;
      .image {
          overflow: hidden;
          transition-duration: 0.8s;
          transition-property: transform;
      }
      .image:active {
          -webkit-transform: rotate(360deg);
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>html: </p>
  
  <pre><code>&lt;img class="image" src="img path"&gt;
  </code></pre>
  
  <p>in this code image rotation is depend on click time and i want user just click once image rotate 360 degree and the link page display.
  but this is not i want. 
  I am using jqueryMobile and phonegap </p>
  
  <p>thanks in advance.</p>