Home »
Widget
» Animation Spin Sharingan With CSS ( Dan Berbagai Macam Mata )
Oke kali ini ngasih css yang super keren abies,yang modifikasi itu
chaone dan aku editor dan memberi variasinya,yah jadi nggk cuman gambar
mangekyou sharingan madara doang,oke deh langsung aja deh brow!!
1.Ke Blogger
2.Terus pilih template >> edit html >> lanjutkan
3.Cari kode ]]></b:skin> dan pastekan kode berikut dibawahnya
/* WAKSharingan */
.WAKsharingan1 { -moz-animation:spin2Pulse 1s infinite linear; -webkit-animation:spin2Pulse 1s infinite linear;margin-top:-60px; margin-left:800px;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:WAKspin 1s infinite linear; -webkit-animation:WAKspin 1s
infinite linear;animation:WAKspin 1s infinite linear}
.WAKsharingan {margin-top:-60px; margin-left:800px;position:absolute;z-index:999;background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdsj9RNOHXuZPAbLrPpNEgRDo6kG_zktFCrOrke5gaR-B1UTb_5zeuAT4cHMa0GbDsBkeKLTLy_vpVga3HyTYG1ISvbb-DFU26SK-2DSAGqP8Q10i1m3iFnGKl7JjMwwL7qkh90-h1DoH5/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:WAKspin 1s infinite linear; -webkit-animation:WAKspin 1s
infinite linear;animation:WAKspin 1s infinite linear}
@-moz-keyframes WAKspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
@-webkit-keyframes WAKspin {0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
@keyframes WAKspin {0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} }
4.Lalu cari lage kode <div id='header-wrapper'> atau <div id="header-wrapper"> dan pastekan kode berikut diatasnya
<div id='WAKsharingan1'><div class='WAKsharingan'/></div>
5.Save dech
Keterangan :
Yang warna biru adalah pengatur margin widgetnya,silahkan diubah kalau ngerti
Yang warna ungu adalah url gambar sharingannya,masih belum puas? aku ada
banyak variasi sharingan kok... lihat aja di bawah,kalau mau tau urlnya
tinggl ctrl + click gambarnya.
Mangekyou Sharingan Uchiha Itachi :
Mangekyou Sharingan Uchiha Sasuke :
Pain Rinnegan :
Mangekyou Sharingan Kakashi Sensei :
Mangekyou Sharingan Uchiha Shusui :
Madara Eternal MS :
Mangekyou Sharingan Uchiha Izuna :
Sharingan Triple Stange ( Sasuke ) :
REQUEST
Byakugan Eyes :
Kyuubi Eyes :
Senjutsu Eyes :
Oke,sudah puas? kalau belum puas cari aja di mbah google yach,dengan
akhir kata menambahkan "svg" dan ukuran size 185,background transparent
dan kecilkan dengan ctrl + t dan mengenai sudut,ok... makasih udah berpatisipasi.. |
|
Anda sedang membaca Artikel tentang Animation Spin Sharingan With CSS ( Dan Berbagai Macam Mata ) Dan anda bisa menemukan Artikel Animation Spin Sharingan With CSS ( Dan Berbagai Macam Mata ) Ini dengan URL http://gilang-techno.blogspot.com/2012/12/animation-spin-sharingan-with-css-dan.html, Anda boleh menyebar luaskan atau Mengcopy paste-nya jika Artikel Animation Spin Sharingan With CSS ( Dan Berbagai Macam Mata ) Ini sangat bermanfaat bagi teman-teman anda,Namun jangan lupa untuk mencantumkan Link Animation Spin Sharingan With CSS ( Dan Berbagai Macam Mata ) Sebagai Sumbernya. Terimakasih