title: Css3 Webkit css animations: resize a div rectangle
body: <p>I'm trying  to understand if is possible to replicate the method <code>animate</code> in Jquery, using webkit animations</p>
  
  <p>Assuming i have a div 50px by 50 px
  using jquery I can easily resize and animate it using:</p>
  
  <pre><code>$('#mybox').animate({'width':'100px','height':'70px'}, 300) 
  
  // so from 50x50 it animates to 100x70 
  // the values 100 and 70 should ba dynamically 
  // input so i can create a function (Width,Height) to alter my box
  </code></pre>
  
  <p>I wonder how to do the same, if possible using CSS WebKit animations</p>
  
  <p>PS. I dont need them to work in firefox, is just a project for a Safari/Chrome</p>