How to use Transforms in Tailwind?

<div class="scale-75">75% size</div>
<div class="scale-100">Normal size</div>
<div class="scale-150">150% size</div>
<div class="hover:scale-105 transition">Grow on hover</div>

<div class="rotate-45">45 degrees</div>
<div class="rotate-90">90 degrees</div>
<div class="-rotate-45">-45 degrees</div>
<div class="hover:rotate-180 transition">Rotate on hover</div>

<div class="translate-x-4">Move right 1rem</div>
<div class="-translate-y-2">Move up 0.5rem</div>
<div class="hover:translate-x-1 transition">Shift on hover</div>

<div class="origin-center rotate-45">Center origin</div>
<div class="origin-top-left rotate-45">Top left origin</div>

<div class="scale-110 rotate-3 translate-x-2">
  Multiple transforms
</div>