Tutorial opacity gambar bertambah bila hala cursor

Harini Cah nak kongsi cara untuk buat opacity gambar berubah jadi lebih terang dan jelas bila cursor menyentuh gambar you alls tu. Contohnya macam gambar di bawah ni. Cer try, Cer try...





AUCAKKKK!!!! Lawakan? Okay cara nak buat ni senang je, tak buat korang berpeluh satu badan pun untuk buat mcm ni.
Caranya begini:

1) Ctrl+C CODE NI kemudian Paste dimana yg korang nak letak gambar tu
2) Ubah width="200" height="200" dlm code tadi ikut kesesuaian gambar korang
3) Gantikan CODE GAMBAR DISINI dengan code gambar korang
4) Preview and Save bila dah puas hati.

Sebagai contoh beginilah rupa code lepas di apply no.2 dan no.3
CLICK SINI 

You alls boleh gunakan cara yang sama pada gambar dlm entry atau dekat sidebar. Hanya perlu edit dekat bahagian HTML / Javascript tu sj. Tamat sudah tutorial. Sila angkat tangan dan tepuk belakang bahu sendiri sambil ckp "pandai budak ni" bila dah berjaya buat. (: