@keyframes left {
    0% {
        left: -100%
    }
    100% {
        left: 0
    }
}
@keyframes right {
    0% {
        right: -100%
    }
    100% {
        right: 0
    }
}
@keyframes top {
    0% {
        top: -100%
    }
    100% {
        top: 0
    }
}
@keyframes bottom {
    0% {
        bottom: -100%
    }
    100% {
        bottom: 0
    }
}

@keyframes leftLeave {
    0% {
        left: 0
    }
    100% {
        left: -100%
    }
}
@keyframes rightLeave {
    0% {
        right: 0
    }
    100% {
        right: -100%
    }
}
@keyframes topLeave {
    0% {
        top: 0
    }
    100% {
        top: -100%
    }
}
@keyframes bottomLeave {
    0% {
        bottom: 0
    }
    100% {
        bottom: -100%
    }
}