卡片翻转
沿 Y 轴翻转 180 度，适合正反面卡片。
效果预览
参数调节
完整代码
/* 卡片翻转 */
@keyframes flipCard {
from { transform: perspective(600px) rotateY(0deg); }
to { transform: perspective(600px) rotateY(180deg); }
}
.flip-card { animation: flipCard .8s ease-in-out both; }