Tutorial Hover Effect pada gambar apabila disentuh cursor

Salam.
Tutorial nih paling senang.Tapi jenuh jugak nak mencari kan?Sebab tak ramai yang rajin buat tutorial nih.

Haa. nampak tak?Gambar I dengan encik chenta dekat sebelah nih jadik pink pastu macam ada border.Bila tak kena cursor, gambar tuh macam biasa jek kan.
Tutorial nya senang aje.Korang pergi design - edit html - tick expand widget templatesthen +ctrl F untuk carik word/* Header atau /* Heading
Then copy and paste kan code bawah nih sebelum words /* Header atau /* Heading tu.

a img {-webkit-transition-duration:.4s;}img:hover {filter: alpha(opacity=60);opacity: .6;border-radius:20px;border: 1px #FF66CC;-webkit-box-shadow: 0px 0px 20px #FF66CC;-moz-box-shadow: 0px 0px 20px #FF66CC;}

Kalau nak ubah warna hover tu, just edit dekat yang I bold tu oke.Check warna pilihan korang dekat COLOR CHART.Done. Lepas tuh save lah.  Selamat mencuba ya!