JSFiddle - React, Tailwind, and code Playground

HTML

<div class="zooming">12345</div>


<button onclick="zoom(.5)">&times; 0.5</button>
<button onclick="zoom(1)">&times; 1</button>
<button onclick="zoom(2)">&times; 2</button>
<button onclick="zoom(4)">&times; 4</button>

CSS

.zooming { position: absolute; top: 100px; left: 25%; }

JavaScript

function zoom(scale) {
    $('.zooming').css({
      WebkitTransform :'scale('+scale+')',
      MozTransform : 'scale('+scale+')',
      OTransform : 'scale('+scale+')',
      zoom: scale*100+'%'//-ms-zoom
      });
}