Flip In X
Flips in from the back face while fading.
Preview
Tune parameters
Full code
/* Flip In X */
@keyframes flipInX {
from { opacity: 0; transform: perspective(600px) rotateX(-90deg); }
to { opacity: 1; transform: perspective(600px) rotateX(0); }
}
.flip-in-x { animation: flipInX .7s ease-out both; }