Image zoom

Zoom images on hover

---

Description

This simple module is supposed to zoom images on hover in plain HTML & CSS. Read the docs below to see how.

---

Usage

TIP: Want to files without the hassle of downloading the the files individually? Install the installer here & run it and it will install all of the files for you.

Its very simple, just import the css files using

<link rel="stylesheet" href="https://kk-designs.github.io/image-zoom/image-zoom.css">

Use it with the following code:

<div class="zoom-img-wrapper">
  <img class="zoom-img-default" src="image-url-here" />
</div>

You can change the zoom intensity with the following:

<div class="zoom-img-wrapper">
  <!--
Values from 2x to 10x supported
See the demo below:
  -->
  <img class="zoom-img-2x" src="image-url-here" />
</div>

---

Demo

Use this demo to see how it works.

DEMO.