title: css keyframe transform not rotating more than 180 degrees
body: <p>I am trying to build a donut chart with css. I am observing that it is unable to rotate more than 180 degrees. Am I missing anything.  </p>
  
  <p>This stops me to show donut chart for any data which is more than <strong>50%</strong>.</p>
  
  <p><a href="http://jsfiddle.net/BkJY7/80/" rel="nofollow noreferrer">http://jsfiddle.net/BkJY7/80/</a>    </p>
  
  <pre><code>@-webkit-keyframes rotate-rt {
    0% {    -webkit-transform: rotate(0deg); }
    25% {   -webkit-transform: rotate(360deg); }
    100% {   -webkit-transform: rotate(360deg); }
  }
  </code></pre>