3D翻转卡片CSS效果

在这个示例中，.flip-card-inner 是一个3D对象，当鼠标悬停在 .flip-card 上时，它会围绕Y轴旋转180度，从而展示背面内容。.flip-card-front 和 .flip-card-back 是卡片的正面和背面，它们都位于同一个平面上，但背面通过 transform: rotateY(180deg); 被旋转到背面。