Flip Out Y
Flips out along the Y axis while fading — an exit animation.
Preview
Tune parameters
Full code
/* Flip Out Y */
@keyframes flipOutY {
from { opacity: 1; transform: perspective(600px) rotateY(0); }
to { opacity: 0; transform: perspective(600px) rotateY(90deg); }
}
.flip-out-y { animation: flipOutY .6s cubic-bezier(.55,0,.85,.35) both; }