hover effect in images using CSS

Posted by Catty under CSS 3 on 2/16/2011 | Points: 10 | Views : 3956 | Status : [Member] | Replies : 10
how can we make hover effect more soothing using CSS ?
em working on this but results re not as awesome as i want .....
i wnna do this without using JAVASCRIPT .. can anyone help me out ??

shelly chauhan


Responses

Posted by: Madhu.b.rokkam on: 2/16/2011 [Member] [MVP] Bronze | Points: 25

Up
0
Down
You create a style say InitialStyle of your choice for the image first

.InitialStyle
{
border-color:Blue;
..
..
}

add one more style as below

.InitialStyle:hover
{
border-color:green;
..
..
}

Apply the style to the image control and check the results

Thanks and Regards
Madhu

Catty, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Naimishforu on: 2/16/2011 [Member] [MVP] Bronze | Points: 25

Up
0
Down
nice example....!!

Thanks,
Naimish
http://dotnetinterview.zxq.net/
http://naimishpandya.blogspot.in/

Catty, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Madhu.b.rokkam on: 2/16/2011 [Member] [MVP] Bronze | Points: 25

Up
0
Down
Thanks Naimish for your comments ..

Thanks and Regards
Madhu

Catty, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Karthikanbarasan on: 2/16/2011 [Member] [Moderator] [Microsoft_MVP] [MVP] Silver | Points: 25

Up
0
Down
Try this link

http://www.developingwebs.net/css/hover.php

Thanks
Karthik
www.f5Debug.net

Catty, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Naimishforu on: 2/16/2011 [Member] [MVP] Bronze | Points: 25

Up
0
Down
Wow, they have also provided the live examples...chk it out....

Nice link Karthik...

Thanks,
Naimish
http://dotnetinterview.zxq.net/
http://naimishpandya.blogspot.in/

Catty, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Karthikanbarasan on: 2/16/2011 [Member] [Moderator] [Microsoft_MVP] [MVP] Silver | Points: 25

Up
0
Down
thanks naimishforu

Thanks
Karthik
www.f5Debug.net

Catty, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Madhu.b.rokkam on: 2/17/2011 [Member] [MVP] Bronze | Points: 25

Up
0
Down
Nice link ... informative

Thanks and Regards
Madhu

Catty, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Karthikanbarasan on: 2/17/2011 [Member] [Moderator] [Microsoft_MVP] [MVP] Silver | Points: 25

Up
0
Down
Thanks madhu

Thanks
Karthik
www.f5Debug.net

Catty, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Muhsinathk on: 6/14/2012 [Member] Bronze | Points: 25

Up
0
Down
Try this link

http://abeontech.com/34-webdesign-css-image-hover-effect

Catty, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Muhsinathk on: 6/14/2012 [Member] Bronze | Points: 25

Login to post response