Skip to content Skip to sidebar Skip to footer

Membuat efek gambar blog melengkung

Membuat efek gambar blog melengkung
Kali ini aku akan menuliskan tentang cara membuat efek gambar blog melengkung. Image atau gambar yang ada di blog kalau disentuh cursor anak panah mouse akan jadi melengkung cantik seperti gambar di atas. Sebelumnya gambar kalau disentuh cursor seperti di bawah ini:
Membuat efek gambar blog melengkung
Langkah membuatnya sebagai berikut:
1.Dashboard
2.Template > edit HTML
3.Expand Template Widget 
4.Tick dan tekan F3 atau CTRL + F dan cari kode:
/* Header 
5.Copy paste kode di bawah ini dan letakkan di atas  /* Header 
*IMAGE ANIMATION*/img {filter:alpha(opacity=100);-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #000000; -moz-box-shadow: 0px 0px 20px #000000; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#000000; border-radius: 50px; -moz-border-radius: 50px;}-moz-opacity:1.0;opacity:1.0;}img:hover {filter:alpha(opacity=80);-moz-opacity:0.80;opacity:.80;}u {text-decoration:underline;border-bottom: 2px dotted #000000;padding: 0px;}

6.Tekan pratinjau dulu dan simpan template.

Kalau ukuran mau diubah juga bisa, atau pingin di edit border, warna, etc.

4 comments for "Membuat efek gambar blog melengkung"

  1. Ini baru lihat, keren abis ternyata. Thks ilmunya ya ...

    ReplyDelete
  2. punyaku kok gak ada headernya ea kawan

    ReplyDelete
  3. makasi kak, tapi aku mau tanya gimana cara ganti warna efek bayangannyanya jadi warna pink tebal gitu?^^

    ReplyDelete