Challenge (translate, skew)Challenge (translate, skew)

We create the information card about animals. One card has an animal image and a short description. We want to add interactivity to the card by hovering the mouse. The task is:

  • add the perspective of 400px to the parent element that is div with the container class name;
  • make a card (div with the card class name) closer to the user by 50px (translateZ() can help);
  • add skew along the x-axis by 10deg to the card description (div with the card-description-wrapper class name);

Everything was clear?

Section 5. Chapter 8