Flip In 3D
Flips in along the X axis with perspective depth.
Preview
Tune parameters
Full code
/* Flip In 3D */
@keyframes flipIn3d {
from { opacity: 0; transform: perspective(800px) rotateX(-90deg); }
to { opacity: 1; transform: perspective(800px) rotateX(0); }
}
.flip-in-3d { animation: flipIn3d .7s cubic-bezier(.22,.61,.36,1) both; }