Image Hover : Reflection

Tutorial ini di request samaa.. siapa yaa.. duh lupa  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 Itu dia yang namanya "Reflection". Penasaran ihh kepoo, hehe piss

• 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

Salsa lupa dapet kode itu dari siapa soalnya udah lama. Salsa ngambil kode itu langsung dari template Salsa sendiri.

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest