title: simple css3 animation is not smooth on safari and iPad UIWebView
body: <p>I am trying move a block of text using css3 animation. The animation is not smooth on safari and iPad UIWebview.  Here is the <a href="http://jsfiddle.net/sur2/UKVQ2/" rel="nofollow">code</a> . Is there a way to make it lot smoother? It is more noticeable when I animate an image. I have used different timing function but still it is not smooth.</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;style type="text/css"&gt; 
  div
  {
      width:100px;
      height:100px;
      position:relative;
  
      -webkit-animation-name: mymove;
      -webkit-animation-duration: 2s;
      -webkit-animation-fill-mode:forwards;
      -webkit-animation-iteration-count: 1;
      -webkit-animation-timing-function: linear;  
  
  }
  
  
  @-webkit-keyframes mymove 
  {
      from {left:0px;}
      to {left:200px;}
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  
  &lt;div&gt;Move this block&lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>