ORIGINAL CSS Image Zoom Hover | Tutorials | Designify - Coding, Inspiration, Tutorials and Freebies!

CSS Image Zoom Hover

Divi WordPress Theme

You may also like...

3 Responses

  1. BizarroSkull says:

    hi, how can i get more zoom??

    • designifyme says:

      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. 

  2. arcarr01 says:

    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=""> <s> <strike> <strong>

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.