Posted by : Aulions 2 Agu 2013

Animasi Sharingan Dengan CSS3

Hahahah :DSahabat J-Z™ Saya Akan Memberikan Tricks Yaitu
Animasi sharingan :3
Trik yang satu ini lumayan keren. 
Trik ini menggunakan CSS3 Animation, jadi trik ini akan terlihat pada browser tertentu seperti Google Chrome. Untuk Mozilla Firefox, trik ini mungkin dapat terlihat pada browser Mozilla versi terbaru :v
Trik ini dari blognya Om Johanes. Sayangnya, belum saya pasang di blog ini :v

Kalau begitu, ini demonya : *arahkan pointer mousnya ke gambar*


Kalau begitu, ini demonya : *arahkan pointer mousnya ke gambar*


Jiahahahah !! Tertarik?
Ini dia kodenya

Pertama, masukkan kode CSS ini di blog kamu. Biasanya diatas kode ]]></b:skin>

.Sharinganmadara {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzVCaS5oszRdBJQqw5Ve4LeoFEkxwgadhalDpodoBuclKIFGiPq9N77V24zRTLR1oNmUrBIDuCTRrK766MDFTOsXUNz6FYODEpXp9OXXpMkpB8aLktOQ0havglamJkRLXhsJ-RF0ChdzJc/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);
}

Url yang berwarna merah bisa kamu ganti dengan gambar yang kamu mau.

Lalu, masukkan kode HTML ini di blog kamu. Terserah mau dipasang dimana :v
<div class="Sharinganmadara">
</div>

Selesai deh, semoga bermanfaat.

Sekian Sahabat J-A™ 



Terima Kasih,

Leave a Reply

Silahkan berkomentar apa saja asal sopan dan tidak berbau SARA PORN Dll Yang tidak Mengenakan Hati Masing
Jangan Lupa Chat Juga Biar Blognya Rame

Subscribe to Posts | Subscribe to Comments

Copyright © 2013 AvRiodan - Designed by Aul Espada - Template By. Renadel Dapize