delay between two rotate action

See more:

CSS

hi i wanna rotate a div 360 deg and iterate it after a few second if i use code below the delay only accomplish in start action. i wanna iterate rotate and delay to infinity but this code only iterate rotate to infinity

 @-webkit-keyframes rotate {
   
    50% { 
    -webkit-transform: rotate(-360deg) ;
    }
   
    100% { 
    -webkit-transform: rotate(10deg) ;
    }
    }
#logo span.star
{
    -webkit-animation-name: rotate; 
    -webkit-animation-duration:1.5s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: step-start ;
    -webkit-animation-delay: 5s;
    
}