animate.css/source/zooming_exits/zoomOutDown.css

19 lines
443 B
CSS
Raw Normal View History

@keyframes zoomOutDown {
40% {
opacity: 1;
2017-11-16 00:20:46 +01:00
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
opacity: 0;
2017-11-16 00:20:46 +01:00
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
2017-11-16 00:20:46 +01:00
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}