.fade {
    opacity: 0;
    transition: 1s;
}

.to-top {
    transform: translateY(-200px);
}

.to-bottom {
    transform: translateY(200px);
}

.to-left {
    transform: translateX(-200px);
}

.to-right {
    transform: translateX(200px);
}

.to-bottom-right {
    transform: translate(200px, 200px);
}

.in {
    opacity: 1;
    transform: none;
}