Yosh Sob...
Ini Adalah Request Dari Agan Eka.. -_-
Gwe Share Aja...
Ini Seperti Sharingan Berputar Kok...
Hanya Saja Ini Pakek Opacity + Hover
Langsung Saja..
- Cari Kode /b:skin
- Pastekan CSS Dibawah Ini Tepat Diatasnya
.shuriken{margin-top:12px; margin-left:-421px;margin-top:380px; width:98px; height:98px; float:left;position:absolute;} .shuriken2{-webkit-transition:all 2s ease-out; -moz-transition:all 2s ease-out; -o-transition:all 2s ease-out;background-color:rgba(0,0,0,0);opacity:0;z-index:999; border-radius:190px; width:125px; height:125px; margin-top:390px;margin-left:523px;background:url(http://i.imgur.com/2fEi9sp.png)center; position:absolute; top:-70px;-moz-animation:spin2Pulse 2s infinite linear;
-webkit-animation:spin2Pulse 2s infinite linear;} @-moz-keyframes spin2Pulse{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} } @-webkit-keyframes spin2Pulse{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
.shuriken2:hover{background-color:rgba(0,0,0,0);opacity:1.0;z-index:999; border-radius:190px; width:125px; height:125px; margin-top:390px;margin-left:523px;background:url(http://i.imgur.com/2fEi9sp.png)center; position:absolute; top:-70px;-moz-animation:spin2Pulse 2s infinite linear;
-webkit-animation:spin2Pulse 2s infinite linear;} @-moz-keyframes spin2Pulse{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(-360deg);} } @-webkit-keyframes spin2Pulse{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(-360deg);} }
- Kemudian Cari Kode Apa Aja Dech..
- Boleh <div id='header-wrapper'> / <div id='content-wrapper'>
- Pastekan HTML Dibawah Ini Tepat Dibawahnya
<div id='shuriken'><div class='shuriken2'/></div>
Title : Membuat Shuriken Berputar Dengan Efek Hover
Description : Yosh Sob... Ini Adalah Request Dari Agan Eka.. -_- Gwe Share Aja... Ini Seperti Sharingan Berputar Kok... Hanya Saja Ini Pakek ...
