Tarea

Crear una tarjeta informativa interactiva sobre animales. Siga estos pasos para agregar efectos dinámicos al pasar el cursor:

1. Aplicar una perspective de 400px al elemento padre, un div con el nombre de clase container.
2. Utilizar la función translateZ() para acercar la tarjeta (div con el nombre de clase card) al usuario en 50px.
3. Introducir una inclinación en el eje x de 10deg a la descripción de la tarjeta (div con el nombre de clase card-description-wrapper).

1. Para el contenedor principal (div con el nombre de clase container), establece la propiedad perspective en 400px para crear un espacio 3D para las transformaciones de la tarjeta.
2. Para acercar la tarjeta (div con el nombre de clase card) al usuario, utiliza la función translateZ() con un valor de 50px. Esto simulará que la tarjeta se mueve hacia adelante en el espacio 3D.
3. Aplica un efecto de inclinación a lo largo del eje x a la descripción de la tarjeta (div con el nombre de clase card-description-wrapper) usando la propiedad transform con la función skewX() y un valor de 10deg.