CSS

`transform-origin`

Define el punto desde el cual se aplican las transformaciones, como rotate o scale. Por defecto es el centro del elemento.

Vista previa

Codigo

ejemplo.html

<style>
  .caja { width: 60px; height: 60px; background: #eee; transform-origin: bottom left; transition: transform 0.3s ease; }
  .caja:hover { transform: rotate(20deg); }
</style>
<div class="caja"></div>