.flip {
    animation: flip 1s linear forwards;
}
@keyframes flip {
    0% { transform: rotateX(0deg); }
    50% { transform: rotateX(90deg); }
    100% { transform: rotateX(180deg); }
}