CSS3 Animation Rotate

by dipaks2011

HTML

<div></div>

CSS

div { width: 200px; height: 200px; background: red;

  -webkit-animation-name: rotate-skull;
    -webkit-animation-duration: 7s;
    -webkit-animation-iteration-count: infinite;
  
  
  /*transition-property: opacity, left;
  transition-duration: 2s, 4s;*/
  }

@-webkit-keyframes rotate-skull{
    0% {
        -webkit-transform: rotate(0deg)
    }
    25% {
        -webkit-transform: rotate(15deg)
    }
    50% {
        -webkit-transform: rotate(-5deg)
    }
    55% {
        -webkit-transform: rotate(0deg)
    }
    75% {
        -webkit-transform: rotate(-10deg)
    }
    100% {
        -webkit-transform: rotate(0deg)
    }
}