Harmony Clean Flat Responsive WordPress Blog Theme

Image Hover Reflection Mirror

24.7.13 Ramadhan Liya 0 Comments Category : , ,


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~!


RELATED POSTS

0 Comment

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