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..