Jump to content
Sign in to follow this  
vampirehunter

How to do this image border animate on hover?

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

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×