Jump to content
  • Checkout
  • Login
  • Get in touch


The e-commerce.

How to do this image border animate on hover?


Recommended Posts

ive seen this template,




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?



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:




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.

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...