Tutorial Image jadi pudar bila hover

Assalamualaikum.

Jari jemariku berasa amat letih kerana menyiapkan kerja cuti terancang Bahasa Melayu. Kenapa saya menaip entri ini sebegini skema? Hal ini demikian kerana, terbawa-bawa dengan karangan yang saya salin dari pukul 3 petang tadi. Akan tetapi! Satu karangan masih belum dapat disiapkan kerana terlalu panjang. Hal ini disebabkan karangan tersebut adalah karangan bagi pelajar yang cemerlang.

Okeh stop taip terrrrlalu skema. Ha haa... Malam nanti nak buat addmath pulak. -.-'

Jom start tutorial. By the way, ini request daripada blogger : Lysa. Terjahlah blog dia. :) Pink gitu.

first! bagi pengguna blogskin. Korang klik aje template. Dan cari

</style>

Jumpa? Goodgirl. Keh keh.

Lepas tu, copy ayat2 mantera di bawah ini. Keh keh.

img {
-webkit-border-radius:15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
 opacity: 1.0;
-khtml-opacity: 1.0;
}
img:hover {
  filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-transition:2s;
}

 paste atas </style> tadi.
purple- bentuk gambar korang sebelum hover.
merah- ejas lah ikut suka korang. Ho ho..

lepas tu, preview lah dulu. kalau jadi SAVE

Daaa...

Salam~