.slide {
    opacity: 0;
    transform: translate3d(-80px, 0, 0);
    will-change: transform, opacity;
    transition:
        opacity 2s ease-out,
        transform 2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Default: from left */
.slide {
    transform: translateX(-80px);
}

.slide.active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}