@keyframes flipOutX {

    0% {
    transform: perspective(400px);
    }

    30% {
    opacity: 1;
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    }

    100% {
    opacity: 0;
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    }

}

.flipOutX {
animation-duration: 1s;
animation-name: flipOutX;
backface-visibility: visible;
}