Membuat efek gambar Melengkung dan Ngeblur jika disentuh Kursor


Selamat malam kawan... malam ini saya ingin menulis tutorial tentang efek gambar melengkung jika disentuh oleh kursor.... whaa.. ada-ada saja ini yaa.. kok bisa gitu loh gambar melengkung, hmmh namanya juga teknologi booo... ahahaha....
Langsung saja ini dia langkah-langkahnyaa..

  • Masuk ke Dashboard 
  • Template > Edit HTML
  • Anda tekan CTRL+F untuk memunculkan kotak pencarian,
  • kemudian anda tempelkan kode berikut untuk menemukan dimana letaknya, jangan lupa tekan Enter yaa...


 a:visited {
  • Sudah ketemu kan?? ok sekarang anda salin skrip berikut, kemudian tempel tepat dibawah kode yang anda cari barusan.
a img {
border-radius:10px;
border-width: 0;
}
img:hover {
filter: alpha(opacity=70);
opacity: .6;
-webkit-transition: 0.5s;
border-radius:10px;
Selanjutnya, anda simpan perubahan kemudian anda Refresh tampilan Blog anda.. coba deh anda buka postingan anda yang ada gambarnya, kemudian anda geserkan kursor tepat digambar tersebut. bagaimana ? ada perubahan tidak ?? Selamat Mencoba  ...


Sumber :
berdasarkan hasil belajar sendiri..

4 comments: