Cara Membuat Sharingan Berputar

CSS

/* WAKSharingan */
.WAKsharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:170px; margin-left:115px;position:absolute;z-index:999;height: 200px; line-height: 46px;border-radius:500px;border-left:10px solid black;border-right:10px solid black;width: 200px;; -moz-animation:WAKspin 1s infinite linear; -webkit-animation:WAKspin 1s infinite linear;animation:WAKspin 1s infinite linear}
.WAKsharingan {margin-top:170px; margin-left:115px;position:absolute;z-index:999;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbpuzrbbLZd0VwNJLMSadRiSkO43lW5BOIgAEt85H8e3Zyg5MkabtEWpvN1M-zhtkUKWgm2XgM35MjkR_rK9tl48kSHqcPe8nAUN22T-KBh_aBnZ-X6rG3ov5xKukmFuVEupGLZDVb-Ets/s185/supers.png) no-repeat;height: 185px; line-height: 46px;border-left:20px solid black;border-radius:500px;border-right:20px solid black;width: 185px; -moz-animation:WAKspin 1s infinite linear; -webkit-animation:WAKspin 1s infinite linear;animation:WAKspin 1s infinite linear}
@-moz-keyframes WAKspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes WAKspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes WAKspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }

HTML