Recently I have been prototyping some interactive thumbnail effects for various projects. I would like to share one of the effects with you and how I built it. It is a nice looking effect that I am calling ?hover zoom? because it is pretty self explanatory. I have seen similar effects to this one on a few sites here and there, and they were always built in Flash. I wanted a CSS and Javascript solution so I whipped up the Hover Zoom effect.



Hover Zoom Effect With jQuery and CSS Web Site
Hover Zoom Effect With jQuery and CSS Demo
Hover Zoom Effect With jQuery and CSS Download

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

One Response to “Hover Zoom Effect With jQuery and CSS”

  1. alessio says:

    doesn’t work on ie7

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>