Saturday 31 August 2013

Image Hover : Reflection

Tutorial ini di request samaa.. siapa yaa.. duh lupa :face60: pokoknya ada deh. Live preview dari tutorial ini sendiri bisa kamu lihat di blog ini. Coba arahkan kursor kalian ke sebuah gambar, atau gambar anime itu. Pasti ada bayangan di bawahnya:face12: Itu dia yang namanya "Reflection". Penasaran:120: ihh kepoo, hehe piss:face4:
  • Dashboard > Template > Edit HTML > Cari kode img{ Untuk di blogskin juga sama aja caranya ya.
  • Copy kode ini.
-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 kan kode tadi tepat di bawah kode img{
  • Silahkan di save:face69:
Salsa lupa dapet kode itu dari siapa:face53: soalnya udah lama. Salsa ngambil kode itu langsung dari template Salsa sendiri.

5 comments:

 
Copyright © 2013-2017 By Anugerah Mullia Ulfa Salsabella. All Rights Reserved.