Saltar al contenido

Rotación CSS con respecto a un punto de referencia

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *