CSS Image Zoom Hover



You may also like...

3 Responses

  1. BizarroSkull says:

    hi, how can i get more zoom??

    • designifyme says:

      BizarroSkull
      Hi BizzaroSkull
      In order to get more zoom, you have to edit the scaling in the CSS: 

      div.hover-details:hover > img
      {
      transform: scale(1.2);
      -ms-transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -o-transform: scale(1.2);
      -moz-transform: scale(1.2);
      }
      If you change the “scale(1.2);” to “scale(2.2)” you will see how the image is more zoomed. 
      Thanks.

  2. arcarr01 says:

    Hi,
    did you know that this CSS code doesn’t work for IE9? Do you know what it’s failing?
    Great work by the way,
    Kind Regards

Leave a Reply

Your email address will not be published. Required fields are marked *

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