`origin-*`

Cambia el punto de origen de una transformacion. origin-center, origin-top, origin-bottom-left, origin-top-right.

Vista previa

Codigo

ejemplo.html

<div class="flex gap-4">
  <div class="w-16 h-16 bg-red-500 transform hover:rotate-45 transition origin-top-left">top-left</div>
  <div class="w-16 h-16 bg-green-500 transform hover:rotate-45 transition origin-bottom-right">bottom-right</div>
</div>