`transform / scale / rotate / translate`

Aplica transformaciones 2D a un elemento. Requiere la clase transform para activar las transformaciones.

Vista previa

Codigo

ejemplo.html

<div class="flex gap-4">
  <div class="w-16 h-16 bg-red-500 transform hover:scale-110 transition">scale</div>
  <div class="w-16 h-16 bg-green-500 transform hover:rotate-12 transition">rotate</div>
  <div class="w-16 h-16 bg-yellow-500 transform hover:translate-x-2 transition">translate</div>
</div>