hover effect in images using CSS

Posted by Catty under CSS 3 on 2/16/2011 | Points: 10 | Views : 5949 | Status : [Member] | Replies : 10

Write New Post |

Search Forums | Answered

Resolved Posts |

Un Answered Posts |

Forums Home

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

Reply | Reply with Attachment

Alert Moderator

Responses

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

0	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

0	nice example....!! 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

0	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

0	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

0	Wow, they have also provided the live examples...chk it out.... Nice link Karthik... 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

0	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

0	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

0	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

0	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

0	Please try this link too http://www.shoutmeloud.com/image-hover-effect-using-css-sprites.html http://sixrevisions.com/css/snazzy-hover-effects-using-css/ Catty, if this helps please login to Mark As Answer. \| Alert Moderator

Latest Posts