Acerca del elemento Imagen
El Imagen de GemPages le permite mostrar imágenes en cualquier lugar de su página, como fotos de productos, banners, logotipos o gráficos promocionales.
Para obtener más información sobre el elemento Imagen y sus ajustes integrados, consulte Elemento Imagen.
Cómo rotar una imagen mediante Código personalizado
Paso 1: Abrir el panel de Código personalizado
En el editor de GemPages, localice el elemento Imagen que desea rotar.
A continuación, haga clic con el botón derecho en el elemento Imagen y seleccione Código Personalizado.
Paso 2: Pegar el código CSS
Pegue el siguiente CSS en el Código Personalizado:
img { transform: rotate(XXdeg); }
Paso 3: Reemplazar el valor de rotación
Reemplace XX por el número de grados que desea rotar la imagen.
Por ejemplo:
img { transform: rotate(15deg); }
rota la imagen 15 grados en el sentido de las agujas del reloj.
Valores de rotación habituales:
| Valor | Resultado |
| 15deg | Rotación leve en el sentido de las agujas del reloj |
| 30deg | Rotación moderada en el sentido de las agujas del reloj |
| 45deg | Rotación pronunciada en el sentido de las agujas del reloj |
| 90deg | Un cuarto de vuelta en el sentido de las agujas del reloj |
| 180deg | Boca abajo |
| -15 grados | Rotación leve en sentido contrario a las agujas del reloj |
| -45 grados | Rotación moderada en sentido contrario a las agujas del reloj |
| -90 grados | Un cuarto de vuelta en sentido contrario a las agujas del reloj |
Paso 4: Aplicar los cambios
Haga clic en Aplicar para guardar el Código personalizado.
Previsualice su página para asegurarse de que la imagen se rote como se espera.
gracias por tus comentarios