Girl Online

Image opacity effect

Monday 11 June 2012 • 2:23 pm • 0 comments

Huuuu,penatnya hari ni .. yalaa,sekolah kan? biasalah tue. tapi hari ni ila frust sangat sebab 1 markah lagi markah BI ila dah boleh dapat A .. hishh,geramnya . xpalah,takdak rezeki .. k jom tengok tuto bawah .. ce korang hover image kat atas .. dia bertukar lain kan opacitynya tu ? ok so thats what im gonna teach you today .. tapi tak sama lah ngan yg ila punya ..

Image opacity : gambar jadi pudar bila kita hover cursor kat image tu

1. dashboard > design > add a gadjet > html javascript

2. copy ni kayy? ctrl+f taw .

<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>

3. siap,save ! ;D

p/s: sumpah ! penat sangat hari ni !! tapi seronok sebab dapat jumpa kengkawann . kbye -,-

PAST • FUTURE

welcome to my humble abode! i literally sucks at expressing my emotion, that's why i decided to start a blog, to express everything i am feeling at the moment. i live for my pets and food. x

MOOD BOARD

Template by x

Basecodes x