title: add delayed time in css3 animation
body: <p>I just set an animation to a div and it succeeded.
  Now I want to get it proved because its delay is too short!
  so how can I add the delayed time between animation (0% to 25%) and animation (25% to 50%)
  here is the code:</p>
  
  <pre><code>#flow{
        position:absolute;
        -webkit-animation:mymove 10s ease-in-out;
        -webkit-animation-iteration-count:3;
        -webkit-animation-delay:1s;
       }
  
  @-webkit-keyframes mymove
      {
         0%{left:5px;}
         25%{left:127px;}
         50%{left:249px;}
         75%{left:371px;}
         100%{left:5px;}
       }
  </code></pre>
  
  <hr>
  
  <p>everyone!Thanks for your attention !I have found the answer but I don't know the Api of the  definition of percentage in keyframes!And if you know sth about it ,just give me a hand ,thanks a lot!</p>
  
  <pre><code>@-webkit-keyframes mymove
  {
     0%{left:5px;} 
     25%{left:127px;}
     26%{left:127px;}
     27%{left:127px;}
     28%{left:127px;}
     29%{left:127px;}
     30%{left:127px;}
     31%{left:127px;}
     32%{left:127px;}
     33%{left:127px;}
     34%{left:127px;}
     35%{left:127px;} 
     50%{left:249px;}
     75%{left:371px;}
     100%{left:5px;}
   }
  </code></pre>