Tarefa

Criação de um cartão informativo interativo sobre animais. Siga estas etapas para adicionar efeitos dinâmicos ao passar o mouse:

1. Aplicar uma perspective de 400px ao elemento pai, um div com o nome de classe container.
2. Utilizar a função translateZ() para aproximar o cartão (div com o nome de classe card) em 50px do usuário.
3. Introduzir uma inclinação no eixo x de 10deg na descrição do cartão (div com o nome de classe card-description-wrapper).

1. Para o contêiner pai (div com o nome de classe container), defina a propriedade perspective como 400px para criar um espaço 3D para as transformações do cartão.
2. Para aproximar o cartão (div com o nome de classe card) do usuário, utilize a função translateZ() com o valor de 50px. Isso irá simular o cartão avançando no espaço 3D.
3. Aplique um efeito de inclinação ao longo do eixo x na descrição do cartão (div com o nome de classe card-description-wrapper) usando a propriedade transform com a função skewX() e o valor de 10deg.