Flip X
Flips 180° around the horizontal axis; add perspective for depth.
Preview
Tune parameters
Full code
/* Flip X */
@keyframes flipX {
from { transform: perspective(600px) rotateX(0); }
to { transform: perspective(600px) rotateX(180deg); }
}
.flip-x { animation: flipX .7s ease-in-out both; }