JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap scale">
  <div class="inner">
    Hello, world
  </div>
</div>
<br />
<br />
<br />
<br />
<div class="wrap rotate">
  <div class="inner">
    Hello, world
  </div>
</div>

CSS

.wrap {
  border: 1px solid red;
  display: inline-block;
  
}

.scale{
  -webkit-transform: scale(2);
  -webkit-transform-origin: top left;
}

.zoom {
  border: 1px solid blue;
  -webkit-transform: scale(2);
  -webkit-transform-origin: top left;
  width: 100px;
}

.inner{border:1px solid blue}

.rotate {
  border: 1px solid green;
  -webkit-transform: rotate(45deg);
  width: 100px;
}