title: How to prevent CSS3 transitions from reversing back?
body: <p>How to prevent CSS3 transitions from reversing back?
  For example: when i use </p>
  
  <pre><code>div
  {
  -webkit-transition:-webkit-transform 2s;
  }
  div:hover
  {
  -webkit-transform:rotate(360deg);
  }
  </code></pre>
  
  <p>Whenever I move my mouse out it is rotating back,how to prevent it? SO that it only rotates forward when I place my mouse on the div and doesn't rotate back when my mouse leaves the div?</p>