css - Webkit Transform not working in a Webkit Animation -

css - Webkit Transform not working in a Webkit Animation -

i made simple animation should rotate div.

@-webkit-keyframes turn{ 0% { -webkit-transform:(0deg); } 100% { -webkit-transform:(360deg); } }

and assigned div.

#mydiv { -webkit-animation-name:turn; -webkit-animation-duration:4s; }

the animation not working on chrome, when utilize same animation on firefox (adding -moz-) things work perfectly.

here's fiddle.

you forget transforming function. right syntax is:

-webkit-transform: rotate(0deg)

i've updated demo.

css google-chrome css3 animation webkit