28 December 2010

Tutorial : gambar menjadi gelap bila cursor menyentuh


Assalammualaikum =) . hey2 . pelik jea tajuk ann ? sebenarnya , aku ta taw la tajuk yang betul . tapi korang paham2 jea la bila dah bace tajuk tu . hehe . ta pon tengok example kat bawah neh . okeh2 .






untuk copy tekan CTRL+C
<style type='text/css'>
a.linkopacity:hover img {

filter:alpha(opacity=100);

-moz-opacity: 0.5;

opacity: 0.5;

-khtml-opacity: 0.5;}


a.linkopacity img {

filter:alpha(opacity=50);

-moz-opacity: 1.0;

opacity: 1.0;

-khtml-opacity: 1.0; }

</style>


<a class='linkopacity' ><img border="0"width="250" height="300" src="CODE GAMBAR" /></a>

3 comments:

bungakuning . said...

kod tuu nak letak dekat mana ? pija lupa mention tuu :)

Nurhafizah p i j a said...

kat entry pon bole , yg html to pon bole .

zafirah said...

nak letak kt html kt mne ?