title: Fade out instantly and fade in with CSS3 transitions
body: <p>I have problem. </p>
  
  <p>I want to instantly fade out my square (after clicking a button)  then afterwards, fade it in slowly with a delayed time.</p>
  
  <p>This is my example fiddle:</p>
  
  <p><a href="http://jsfiddle.net/qFYL7/6/" rel="nofollow">http://jsfiddle.net/qFYL7/6/</a></p>
  
  <p>I changed the class but i'm afraid it's not the proper approach:</p>
  
  <pre><code> my_square.className  = 'dim_fast';
   my_square.className = 'square';
  </code></pre>
  
  <p>Thanks for any help given!</p>