JSFiddle - React, Tailwind, and code Playground

by hughes

HTML

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

CSS

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

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

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