.animate {
    opacity: 0;
    filter: blur(3px);
    transition: 1s;
}

.animate.from-top {
    transform: translateY(-150%);
}
.animate.from-left{
    transform: translateX(-100%);
}
.animate.from-right{
    transform: translateX(100%);
}
.animate.zoom{
    transform: scale(0.5);
}

.animate.show {
    transform: translate(0);
    filter: blur(0);
    opacity: 1;
}