How Can I Have A Control Of This Rotate?

See more:

CSS3

#myDIV1
{
margin:auto;
border:1px solid black;
width:200px;
height:100px;
background-color:coral;
color:white;
animation:my 5s infinite;
/*Safari and Chrome:*/
-webkit-animation:my 5s infinite;
position:absolute;top:885;left:0;
background-image:url("../pic/gear-icon.png");
background-color:white;
border:0px solid white;
width:96px;
height:96px;
border-radius:50%;
}
@keyframes my
{
100% {transform:rotate(360deg);}
}
/*Safari and Chrome:*/
@-webkit-keyframes my
{
100% {-webkit-transform:rotate(360deg);}
}

this code rotate my picture and when a round finished stop for on second and again do this job
its works true but i want to dont stop for 1 second
what should id do?