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. 

This stops me to show donut chart for any data which is more than **50%**.

<http://jsfiddle.net/BkJY7/80/> 

```
@-webkit-keyframes rotate-rt {
  0% {    -webkit-transform: rotate(0deg); }
  25% {   -webkit-transform: rotate(360deg); }
  100% {   -webkit-transform: rotate(360deg); }
}

```