title: How to zoom part of an image in html?
body: <p>I want to zoom part of an image in html.
  To show just part of image in html, I have written a code  in first comment.
  I want to zoom this shown part.How can I do it. </p>
  
  <pre><code>&lt;!DOCTYOE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;style&gt;
          .container {
              position: relative;
          }
  
          #clip {
              position: absolute;
              clip: rect(0, 120, 80px, 0);
              /* clip: shape(top, right, bottom, left); NB 'rect' is the only available option */
          }
  
          &lt;/div&gt;
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;div class="container"&gt; &lt;img src="images10.png" /&gt; &lt;/div&gt;
  &lt;div class="container"&gt; &lt;img id="clip" src="images10.png" /&gt; &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>