Cara Membuat Hover Keren Pada Gambar

Contoh Hover:

Gerakkan cursor ke gambar di bawah !

Untuk cara membuatnya,silahkan ikuti beberapa langkah berikut !
1.Cari kode .post img{ atau .img{
2.Copy kode berikut tepat  setelah kode {

padding:0px;margin:5px 5px 0px 0px;opacity:0.5; filter:alpha(opacity=40); this.style.opacity=6; border:1px solid #D8D597;border-radius:7px; -moz-border-radius:7px; transform:rotate(-3deg); -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg)}
.post img:hover{box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000; opacity:100; filter:alpha(opacity=40); this.style.opacity=1;transform:rotate(1deg); -moz-transform:rotate(1deg); -webkit-transform:rotate(1deg); -o-transform:rotate(1deg)}
.jump-link {margin:5px;text-align:right;}

Maka hasilnya akan seperti ini :

.post img{padding:0px;margin:5px 5px 0px 0px;opacity:0.5; filter:alpha(opacity=40); this.style.opacity=6; border:1px solid #D8D597;border-radius:7px; -moz-border-radius:7px; transform:rotate(-3deg); -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -o-transform:rotate(-3deg)}
.post img:hover{box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #F70000; opacity:100; filter:alpha(opacity=40); this.style.opacity=1;transform:rotate(1deg); -moz-transform:rotate(1deg); -webkit-transform:rotate(1deg); -o-transform:rotate(1deg)}
.jump-link {margin:5px;text-align:right;}

3.Simpan dan lihat hasilnya