我使用的是语义ui react Card。我在试着创造记忆游戏。有没有办法让我的卡片有翻转动画。

import { Card } from 'semantic-ui-react';

const MyCard = () => {
  return (
    <Card>
      <Card.Content>
        <Card.Header>Card Title</Card.Header>
        <Card.Description>
          This is the content of the card.
        </Card.Description>
      </Card.Content>
    </Card>
  );
};

export default MyCard;

.card {
  perspective: 1000px;
}

.card .content {
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.card:hover .content {
  transform: rotateY(180deg);
}

.card .content .header,
.card .content .description {
  backface-visibility: hidden;
}