Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

How to do this image border animate on hover?


vampirehunter

Recommended Posts

ive seen this template,

 

http://www.templatemonster.com/demo/35398.html

 

but after looking at its code with firebug, im not sure how its being done

 

the images under new products

 

if you hover over them, the border animates like a snake.

 

im not sure if its being done by jquery or css.

 

can anyone help me on this? how is it being done?

 

thanks

Edited by Jan Zonjee
Link to comment
Share on other sites

Took me a while to realize it doesn't work on IE9. I think it has something to do with their wrapper. Around .hover .wrapper_pic_t in:

 

http://livedemo00.template-help.com/osc_35398/css/style.css

 

Chrome helped me find that. No idea any further than the stylesheet. jQuery is also likely involved.

Edited by Jan Zonjee
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...