Flip Y
Flips around the vertical axis — great for card faces.
Preview
Tune parameters
Full code
/* Flip Y */
@keyframes flipY {
from { transform: perspective(600px) rotateY(0); }
to { transform: perspective(600px) rotateY(180deg); }
}
.flip-y { animation: flipY .7s ease-in-out both; }