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/AVvXsEj3NVQ0zmVoQ4b06DbEIHm7hBcavBDWDphzx-OTeMr8FXhHjHEWlkFcWUPdauKBQ3gkhILxXhmAqWXEB7rQwc8909VboldYE_BtBLVlIZEDGH3SJRR_yJyDtPScp9SRKUaTNJ4oCJjAVIHv/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 gambar bisa sobat ganti dengan gambar sobat
lalu masukan kode HTML ini di blog soba/elemen halaman.
<div class="Sharinganmadara">
</div>
selesai deh...
selamat mencoba,semoga bermanfaat,dan jangan lupa tinggalkan komentar'a n_n
Posting Komentar