Cara Membuat Spinning Image / Gambar Berputar Dengan CSS3

Posted by : Unknown Jumat, 22 November 2013

Hy sekarang aku mau share tips&trick blog, yaudah tanpa basa-basi lagi nih:

Langkah-langkahnya bro :
1. Login ke blogger [masak ke twitter]
2. Pergi ke darshbor [jangan pergi kepasar ._.]
3. masukkan code dibawah ini tepat diatas code ]]></b:skin>

/* XCSharingan Berputar */
.XCSharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:-20px; margin-left:400px;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:XCspin 1s infinite linear; -webkit-animation:XCspin 1s infinite linear;animation:XCspin 1s infinite linear}
.XCSharingan {margin-top:-20px; margin-left:400px;position:absolute;z-index:999;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJCURDcQEvOhZB_VcwRVH6ldVHYvWscAUE28EMFp0OQq0gEqJdWERBvx1sYK-yNODkcVf1idKc-D6YzEz-HE3VVOo-6Wqxi2vylFWPp3wf6N5vp6PRGCgkpPYxJstK473myDUQbSTDMaiI/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:XCspin 1s infinite linear; -webkit-animation:XCspin 1s infinite linear;animation:XCspin 1s infinite linear}
@-moz-keyframes XCspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes XCspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes XCspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }