Posted by : Aulions
2 Agu 2013

Hahahah :DSahabat J-Z™ Saya Akan Memberikan Tricks Yaitu
Animasi sharingan :3
Trik yang satu ini lumayan keren.
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*
Jiahahahah !! Tertarik?
Ini dia kodenya
Pertama, masukkan kode CSS ini di blog kamu. Biasanya diatas kode ]]></b:skin>
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
Selesai deh, semoga bermanfaat.
Sekian Sahabat J-A™
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,
- Home
- Tips And Trick
- Animasi Sharingan Dengan CSS3