卡片翻轉
沿 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; }