Animation TOSSING

// CSS Create Animation
@keyframes tossing {
    0% {
        transform: rotate(-30deg);   
    }
    50% {
        transform: rotate(30deg);
    }
    100% {
        transform: rotate(-30deg);   
    }                       
}
 
@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-30deg);   
    }
    50% {
        -webkit-transform: rotate(30deg);
    }
    100% {
        -webkit-transform: rotate(-30deg);   
    }               
}

// CSS Class
.tossing{
    animation-name: tossing;
    -webkit-animation-name: tossing;    
 
    animation-duration: 5s;   
    -webkit-animation-duration: 5s;
 
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}