Tudiaaa..Lama dah tuan tanah tak buat tutorial pasal blog ni hangpa tau dak. Kali ni nak buat tutorial supaya jadikan image/gambar dalam entri blog korang ada kesan kabur bila mouse diletakkan pada gambar tu. Nak tengok contoh boleh letak mouse kat gambar bawah ni:
Cute tak gambo kucing ni?Macam ikan buntal pun ado ye dak? Hehe
Mula-mula masuk ke bahagian Dashboard > Design > Add A Gadget > Pilih HTML/Javascript
Lepas tu copy coding kat bawah ni masuk kat dalam HTML/Javascript tu
<style>
/* ----- Image opacity effect 1 ----- */
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
.post a:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
</style>
Kemudian Save.
Senang je...Jadi tak????Kalau jadi ce cite^_^
4 comments:
dah guna HTML 5 dah.. :)
Banyak effect menarik html 5 ni.
alhamdulillah,jadi akk buat terima kasih..
boleh ubah efek lain tak selain opacity 2 ?
x jd la... :((
Post a Comment
Singgah je???Komen la sikit.:-D