Hola. Hago la entrega del ejercicio CU01063D del curso práctico de programación web con CSS desde cero.
#transejEj1= Se aplica a todos los elementos div dentro del contenedor*/
transition:all 2s ease-in-out;)
all=La transición es para todas la propiedades del elemento div
2s= la duración de la transición sera de 2 segundos
ease-in-out= Comienza lento y la progresión es a velocidad constante
perspective: 800px; =distancia de la imagen
perspective-origin: 55% 100px; = Cambia el angulo de la perspectiva
#transEj1:hover #rotateX=*Cuando el raton este dencima del contenedor
{
transform:rotateX(180deg);/* child rotateX girara la figura 180º
de abajo hacia arriba */
}
#transEj1:hover #rotateY { /*Cuando el raton este dencima del contenedor */
transform:rotateY(180deg);/* child rotateY girara la figura 180º */
} /*de izquierda a derecha*/
#transEj1:hover #rotateZ { /*Cuando el raton este dencima del contenedor */
transform:rotateZ(180deg);/* child rotateZ girara la figura 180º
de abajo hacia arriba y de
izquierda a derecha*/
}