CSS преобразования

Используя transform-origin свойство CSS для изменения точки, от которой измеряются преобразования. В качестве примера - повёрнутое 2D-преобразование.

transform: rotate(10deg);
transform-origin: 50% 50%;
/* default */
transform: rotate(10deg);
transform-origin: top;
transform: rotate(10deg);
transform-origin: right;
transform: rotate(10deg);
transform-origin: right top;
transform: rotate(10deg);
transform-origin: 25% 25%;
transform: rotate(10deg);
transform-origin: -20px 20px;