Cara Membuat Spinning Image / Gambar Berputar Dengan CSS3

                                         
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/AVvXsEiSipoJ_jpZ15oWT80kDQpOcmePBAFTbHzlhbQJWQSwmioHA9RhUXkVsiefdolnW1Zpc_pXTSAQBTeV7d6p-kZEXOgQE0Gh0k7M4i4aUUS74cQ3UYu5YNzPyAlkL2iIDRs85rHF35ja9a0s/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);} }

Kalau code diatas sudah dimasukin, selanjutnya cari code

(untuk ditaro di header ) kalau sudah ketemu, masukan code dibawah ini, dibawah code

<div id='XCSharingan1'><div class='XCSharingan'/></div>

Kalau sudah semuanya silahkan di "Save Template" Atau di Partinjau terlebih dahulu, :D kalau tidak bisa, coba ulang lagi cara"nya diatas ,sampai bisa :D... nah ada tambahan nih, untuk code gambar sharingan nya...

1.saringan biasa

2. Mangekyou Sharingan Itachi


3. Mangekyou Sharingan Uchiha Shisui


4. Mangekyou Sharingan Hatake Kakashi


5. Mangekyou Sharingan Uchiha Izuna



6. Mangekyou Sharingan Uchiha Sasuke


7. Eternal Mangekyou Sharingan Madara


Ok bagimana pasti kelihatan hasilnya

SUMBER

Backlinks Please Thanks

URL

Code For Forum

HTML Code <a href='https://yunimaru.blogspot.com/2013/01/cara-membuat-spinning-image-gambar.html' target='_blank'>Cara Membuat Spinning Image / Gambar Berputar Dengan CSS3</a>

Anda Sekarang Sedang Baca Artikel Tentang Cara Membuat Spinning Image / Gambar Berputar Dengan CSS3 , Boleh Menyebar Luaskan Artikel Ini Atau Mengcopy Paste Artikel Cara Membuat Spinning Image / Gambar Berputar Dengan CSS3 ini Jika Memang Berrmanfaat. Tapi Saya Harap Anda Jangan Lupa Menyertakan Link Cara Membuat Spinning Image / Gambar Berputar Dengan CSS3 Sumbernya. Thank's