Flip In Y
Flips in from the side.
Preview
Tune parameters
Full code
/* Flip In Y */
@keyframes flipInY {
from { opacity: 0; transform: perspective(600px) rotateY(-90deg); }
to { opacity: 1; transform: perspective(600px) rotateY(0); }
}
.flip-in-y { animation: flipInY .7s ease-out both; }