title: anyway to add css3 transition animation to element on jQuery event
body: <p>is there a way to add a css3 animation upon a jQuery event for example:</p>
  
  <pre><code>&lt;style&gt;
  .box{
  width:100px;
  height:100px;
  bakground-color:#000;
  }
  
  .animate{
   width:0px;
   -webkit-transition-property: width; -webkit-transition-duration: 500ms;
   -moz-transition-property: width; -moz-transition-duration: 500ms;
  }
  
  &lt;style&gt;
  
  &lt;html&gt;
  &lt;div class="box"&gt;&lt;/div&gt;
  
  &lt;button&gt;click me to animate&lt;/button&gt;
  
  $('button').click(function(){
  $('.box').addClass('animate');
  });
  
  &lt;/html&gt;
  </code></pre>