Image Hover : Reflection

Halooo haloo Piladers & Pilafers! habis jalan-jalan di blognya kak Zahra, nemu tutor yang menariikkkkk... Reflection maksudnya kayak dihover ada bayangannya kayak kaca gituu..




  • Dasbor > template > edit html
  • Okay, setelah itu cari kode
img{

  • Ketemu? perfecto! copy dan pastekan kode ini di bawah kode img{ tadi
-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 di bawah kode img{
  • Preview dan save. silakan dilihat hasilnyaa

Credit : Kak Azzahra Nfrsy 





Tidak ada komentar:

Posting Komentar

1 ) Berkomentar baik-baik, jangan julid

2) Kata-kata yang tidak pantas atau mengandung unsur kebencian otomatis akan di block dan tidak dipublikasikan

3 ) Blog ini secara otomatis juga memilah mana yang komen spam (termasuk yang menawarkan produk-produk seperti produk diet, dll). Jadi, hati-hati komennya

Related Posts Plugin for WordPress, Blogger...