Grupo de HTML y CSS
Este grupo esta relacionado con nuestro curso profesional de HTML y CSS. Aquí se comparten temas... View more
organizador:
- Organizado por
-
Transformaciones 2D y 3D
Transformaciones 2D y 3D
En el módulo 3, sección 3.3, en el tema de Transformaciones 2D, tengo una duda, ¿Solo se puede usar una transformación a la vez o hay alguna manera de usar más de una? Traté de poner más de una pero solo me respeta la última que pongo, no ejecuta las demás. Y tengo otra duda en el siguiente tema de Transformaciones 3D, no noto ningún cambio a la imagen original, ¿Tiene que ser un formato de imagen específico o cómo puedo notar el cambio?
- 4 Respuestas
Hola, sube tus archivos en un .zip para poder editarlos y ayudarte con tus dudas 😀
Lo pasé a una archivo ya más en limpio y logré que se corrigiera lo de la transformaciones 3D, sí lo tenía mal ordenado.😅
Pero sigo teniendo la misma duda de si se puede usar más de una transformación a la vez. Le adjunto mi archivo.
Hola colega, ye he visto tu código. Para poder usar varias transformaciones estas deben de estar en la misma linea, así que deberías de cambiar esto:
.contenedor img:hover {
transform: scale(1.5, 1.5);
transform: rotate(90deg);
transform: skew(45deg);
transform: translate(200px, 0px);
transition: 2s;
}por esto:
.contenedor img:hover {
transform: scale(1.5, 1.5) rotate(90deg) skew(45deg) translate(200px, 0px);
transition: 2s;
}Y listo. 😀
Sí, así ya me funcionó, muchas gracias😁😁
Inicia sesión para responder.