14 Maret, 2012

Cara Membuat Profil Berputar Saat Di Sentuh

 
Kali Ini gw share "Cara buat profil berputar saat di sentuh mouse", sebenarnya ne trik udah banyak yang tw, tp karna ada yang pengen tau caranya, ya sudah saya posting, ok langsung saja ke caranya :
  • Pertama Login dulu ke akun blogger kalian
  • Klik rancangan----> Edit HTML
  • Cari Kode Yang mirip Seperti dibawah ini
 .profile-img {
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
border: 4px solid #e28d44;
}
  • Jika sudah ketemu Ganti kode tersebut dengan kode di bawah ini, tetapi jika kode yang diatas tidak ketemu, letakkan kode di bawah ini diatas kode ]]></b:skin>
.profile-img{
border:5px dashed #F00;
opacity:0.8;
border-radius:6px;
margin:0px 0 0px 0px;
padding:4px;
box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #F00;
-moz-box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #F00;
 -webkit-box-shadow:1px 1px 1px #555,-1px -1px 1px #555,0 0 8px #F00;
 -o-transition:margin-left 1.5s ease-in 2s,margin-top 1.5s 2.5s,-o-transform 1.5s ease-out 1s,opacity 2s ease-in; -moz-transition:margin 1.5s ease-in 2s,-moz-transform 1.5s ease-out 1s,opacity 2s ease-in; -webkit-transition:margin 1.5s ease-in 2s,-webkit-transform 1.5s ease-out 1s,opacity 2s ease-in
}
.profile-img:hover{
opacity:1.0;
border-radius:8px;
-moz-border-radius:8px;
 -webkit-border-radius:8px;
-o-border-radius:8px;
-moz-box-shadow:1px 1px 1px #F00,-1px -1px 1px #F00,0 0 16px #F00;
-webkit-box-shadow:1px 1px 1px #F00,-1px -1px 1px #F00,0 0 16px #F00;
-o-box-shadow:1px 1px 1px #F00,-1px -1px 1px #F00,0 0 16px #F00;
margin:40px 0px 20px 10px;
 -o-transform:rotate(1460deg) scale(1.8) translate(35px,10px);
 -moz-transform:rotate(1460deg) scale(1.8) translate(35px,10px);
 -webkit-transform:rotate(1460deg) scale(1.8) translate(35px,10px);
 -o-transition:margin-left 1.5s ease-in 0.4s,margin-top 1.5s,-o-transform 2.5s ease-out 1.4s,opacity 3s ease-in 4s;
 -moz-transition:margin 1.5s ease-in 0.4s,-moz-transform 2.5s ease-out 1.4s,opacity 3s ease-in 4s; -webkit-transition:margin 1.5s ease-in 0.4s,-webkit-transform 2.5s ease-out 1.4s,opacity 3s ease-in 4s
}

0 komentar:

Posting Komentar

http://i1113.photobucket.com/albums/k514/S4NDMOTION/1-purp1.gif

My Blog List

lagu

gambar

Statistic User

")
]]>

Like Dulu gehhh

Receive all updates via Facebook. Just Click the Like Button Below

Or Receive Updates via Email

Powered By | JERITANBLOG Pop-Up Box Get This Widget

Powered By Blogger

About Me

Foto Saya
Muhammad Aridan
Lihat profil lengkapku

Follow

ARidan-G21

Like

About

Supported By

Supported By

Benner Friends

Featured Video

Pages

©[A]Rid[A]N©. Diberdayakan oleh Blogger.

Translate