Flip Card
Flips 180° around the Y axis — for front/back cards.
Preview
Tune parameters
Full code
/* Flip Card */
@keyframes flipCard {
from { transform: perspective(600px) rotateY(0deg); }
to { transform: perspective(600px) rotateY(180deg); }
}
.flip-card { animation: flipCard .8s ease-in-out both; }