24 Juli 2013

Image Hover Reflection Mirror


Assalamualaikum

Hello, I come back~!
Postingan ini dibuat pada jam 13:37  bertepatan dengan waktu di mana perut sedang lapar-laparnya. #puasa.

Dan yang tepatnya lagi, saya akan memposting Image Hover Reflection Mirror dengan contoh gambar bolu gulung strawberry. *heemm


 HOVER  image to  PREVIEW 






Yosh~! Langsung saja ke stepnya.
  • Copy code di bawah ini :
img{
-webkit-transition: .7s;
-moz-transition: .7s ;
transition: .7s ;
}
img:hover{opacity: 1; -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
}
  • Paste code di bawah ini di :
  • Classic Template : paste di atas code </style> 
  • Template Designer : tinggal ganti code   img{   yang kamu punya.
  • Preview dan hover image di blogmu.
  •  SAVE  
  • Done~!


0 Comment:

Posting Komentar

NO HARSH WORDS
please, don't SPAM here!
I'll reply if I didn't busy -.-