Animasi Sharingan Dengan CSS3

hai sobat,kali ini saya mau share cara membuat animasi sharingan hasil experimen sendiri nih n_n

silakan sobat coba2 buat iseng2.tapi trik css3 animation ini,hanya akan terlihat di browser tertentu seperti google chorme
.untuk mozilla firefox belum dapat mendukung animasi ini .bila sobat mau lihat contoh'a,bisa dilihat Disini

ini dia trik'a

Pertama,masukan CSS ini di template sobat

.Sharinganmadara {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjENrNO9cq8_1rkV_xfIAvpGglFBevkwvgsSRy1ODaNMT3CtMCfJKS6ZRvavO9hL99eYHy5F8pdRY0YRs8bH07rr2CGRM1fe3KHVk5LmevueL_3QdPVZT-D-42Ri13_2t0y5Vaqh3KgHsWX/s320/300px-Mangekyou_Sharingan_Madara.svg.png) no-repeat;
height: 300px; line-height: 46px;
width: 300px;
-webkit-transition: all 2s ease-in-out;
}

.Sharinganmadara:hover {
-webkit-transform: rotate(900deg);
}