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 





No comments:

Post a Comment

1 ) Berikan komentar yang baik

2 ) Jangan pernah berkata kasar, jorok, dan menyakiti perasaan orang lain

3 ) Jangan sampai bikin gaduh di kotak comment

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

Related Posts Plugin for WordPress, Blogger...