Posted by : Feri Setyo Efendi Nov 3, 2012

Animasi Sharingan Dengan CSS3

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(http://2.bp.blogspot.com/_BnQGKEnfHss/SthsOiM1xmI/AAAAAAAAAAU/J7kM6fsIPik/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

sumber :
Animasi Sharingan Dengan CSS3 http://djogzs.blogspot.com/#ixzz2BCgqrJy8

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © 2013 Feri's Blog - Hataraku Maou-sama! - Powered by Blogger - Designed by Johanes Djogan -