title: HTML5 Transition and Transform effect.
body: <p>When I click a button, I wanna do some things listed below using HTML5 and CSS3. But I don't know how can I achieve these things <strong>at the same time</strong>.</p>
  
  <p>When I click a button:</p>
  
  <p>Change element A's CSS3 property <code>-webkit-transform</code> to <code>rotateY(180deg)</code> in 1 second (using <code>-webkit-transition:-webkit-transform 1s;</code>)</p>
  
  <p>Change element A's CSS3 property <code>-webkit-transform</code> to <code>scale(0.8)</code> in 0.5 second (using <code>-webkit-transition:-webkit-transform 0.5s;</code>). Then change element A's CSS3 property <code>-webkit-transform</code> back to <code>scale(1)</code> in 0.5 second (using <code>-webkit-transition:-webkit-transform 0.5s;</code>).</p>
  
  <p>Are there any solutions about this issue?</p>
  
  <p>Thank you!</p>