Zoom div by percentage using CSS

This little example mark-up shows you how to zoom in a div by a specific percentage using only CSS.

  1. <html>
  2. <body>
  3. <div id=“sampleDiv” style=“width: 100px; background-color: Gray;”>
  4. Zoom Me
  5. </div>
  6. <button onclick=“sampleDiv.style.zoom=’300%'”>Zoom 300%</button>
  7. <button onclick=“sampleDiv.style.zoom=’200%'”>Zoom 200%</button>
  8. <button onclick=“sampleDiv.style.zoom=’100%'”>Zoom 100%</button>
  9. </body>
  10. </html>

Leave a Reply

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

Back To Top