Shiny/glossy effekt på bildelink

[sporv]

Hei.

 

Lurte på hvordan jeg får til at det blir en "shiny/glossy" effekt på bildelinken når en holder musen over bildelinken?

Bruker denne logoen som bildelink på siden min (Skal være en link til Twitter).

 

HTML:

<div id="medier"><a href="http:www.twitter.com"><img border="0" img title="Følg oss på Twitter!" img src="Bilder/Twitter.png" alt="Twitter"/></a></div>

 

CSS:

#medier{position: absolute; top: 530px; left: 915px;}

 

Når musen holdes over denne linken, vil jeg at logoen skal "higlightes/skinne".

 

Setter pris på alle svar

[Gjest Slettet-IHWlGMJn]

Skjønner ikke helt hvilken effekt du er ute etter. Et eksempel på dette hadde vært fint ...

[MikkelRev]

Du bruker onmouseover, skift bilde. Ha to bilder, et for normalt, og et shiny for hover (mouseover). Det lager du med photoshop/gimp/e.l.

Finnes mange enkle tutorials hvordan du lager det.

[Kaptein Snus]

#medier a {
   opacity:.5;
   filter:alpha(opacity=50);
}

#medier a:hover {
   opacity:1;
   filter:alpha(opacity=100);
}

Endret 22. januar 2010 av Lek1

[sporv]

#medier a {
   opacity:.5;
   filter:alpha(opacity=50);
}

#medier a:hover {
   opacity:1;
   filter:alpha(opacity=100);
}

 

Takk for svar. Var den effekten jeg ville ha

[Kaptein Snus]

Nemo problemo