a

Membuat Efek bayangan Pada Foto Saat di Sentuh

Hai..Hai..Haiii!!!!..
Kali ini, Fasya bawa tutorial Yang sebenernya, 
Simply,. Tapi,. Verry Good lah,. Untuk kamu yang udah lama ngincer.. 
Yaudah.. NO babibu.. 
Langsung Josss!!!
Kamu coba sentuh gambar di blog Fasya.. 
Nah... Bakal keluar kayak bayangan kan?.. 
Nih Preview nya.. 
Kalau mau Live Preview.. Sentuh aja Gambar bawah ini.. 


Ber bayangan!.. Ini buat seluruh Template lhoo!!.. 

Untuk blogskin, dan sejenis:
  • Masuk Dashboard, Template
  • Cari kode 
a:link, a:visited

  • Yaa kalo gak ada yang mirip aja lahh.. 
  • Taro kode di bawah ini di atas kode tadi, (Spasi satu baris)
 a img {
-webkit-user-select:none;-moz-user-select:none;
-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)));
}
  • Klik Save
Untuk Blogger Design, dan serupa,
  • Masuk ke Design
  • Klik Edit HTML
  • Cari kode 
/* Header

  • Kalau udah, copy kode di bawah dan paste di atas kode tadi, spasi satu baris
 a img {
-webkit-user-select:none;-moz-user-select:none;
-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)));
}

  • Klik Save
Jadii!!
Semoga kamu sukaaa... :)


No comments:

Post a Comment

^^Komentar adalah yang Nomor satu! Jadi kamu harus Komen! (‾^‾)b
^^Komentar harus sesuai Artikel (‾^‾)b
^^Jangan Me-Request di komentar! Di Cbox/Ask,fm Aja (‾^‾)b
^^Nah, ayo tinggalkan komentar di Kotak bawah \(´▽`)/