How am i going to add a hover effect on images to my html loading page? from non color to colored when hover?
Last edited by GummyBear on July 9th 2013, 1:59 pm; edited 1 time in total
This is a Hitskin.com skin preview
Install the skin • Return to the skin page
<span class="donateb"><img src="http://i38.servimg.com/u/f38/15/62/32/35/donati10.png"></span>
.donateb{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 1.0;
}
.donateb:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.65;
opacity: 0.55;
}
<img src="http://i34.servimg.com/u/f34/18/21/60/73/member10.png" onmouseover="this.src='http://i34.servimg.com/u/f34/18/21/60/73/fullme10.png'"
onmouseout="this.src='http://i34.servimg.com/u/f34/18/21/60/73/member10.png'">
<style type="text/css">#wrapper-200a{width:250px;float:right;} img{opacity:0.7;} img:hover{opacity:1;}</style>