Cómo rotar un elemento con respecto a un punto, es decir definido define x & y coordenada en CSS (webkit)?rotación CSS con respecto a un punto de referencia
Normalmente la rotación hace que el punto central del elemento sea la referencia.
Puede usar el origen de la transformación. Define el punto para rotar desde la esquina superior izquierda del elemento.
transform-origin: 0% 0%
Este giraría alrededor de la esquina superior izquierda.
Para otras opciones vistazo aquí: https://developer.mozilla.org/En/CSS/-moz-transform-origin
Por lo que yo sé que no es una opción para rotar alrededor de un punto fijo (aunque esto sería muy útil).
Si necesita un desplazamiento específico, una forma es editar la imagen para que sea más grande, de modo que el centro quede en el centro de la imagen. A continuación, puede colocar esto dentro de un DIV con "desbordamiento: ninguno" y colocarlo con una posición relativa. El div ocultará el área de la imagen que no deseas mostrar.
Eso es increíble, no tenía idea de que esto se puso en efecto aún :) – Kyle
Para el navegador basado en webkit es posible que necesite el prefijo: '-webkit-transform-origin: 0% 0%' – Murilo