Luego de tanto batallar pudimos hallar la contestación de este atasco que muchos usuarios de este espacio han presentado. Si tienes algo que aportar no dudes en dejar tu comentario.
Solución:
Podrías usar transform-origin. Define el punto alrededor del cual rotar desde la esquina superior izquierda del elemento.
transform-origin: 0% 0%
Esto rotaría alrededor de la esquina superior izquierda.
Para ver otras opciones, consulte aquí: https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin
para el lado más seguro si este enlace no está disponible, aquí hay un par de opciones más
transform-origin: center; // one of the keywords left, center, right, top, and bottom
transform-origin: top left; // same way can use two keywords
transform-origin: 50px 50px; // specific x-offset | y-offset
transform-origin: bottom right 60px; // third part is for 3D transform : z-offset
Que yo sepa, no hay una opción para rotar alrededor de un punto fijo (aunque esto sería útil).
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)