KTU | Cara Membuat Photo Profil Berputar Saat Di Sentuh Mouse

 

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
}

Smoga bermanfa'at !!.. ^_^

Related Articles :