animate.css/source/flippers/flipInY.css

24 lines
No EOL
427 B
CSS

@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
backface-visibility: visible !important;
animation-name: flipInY;
}