.animation-element.slide-left {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-150px, 0px, 0px);
    -webkit-transform: translate3d(-150px, 0px, 0px);
    -o-transform: translate(-150px, 0px);
    -ms-transform: translate(-150px, 0px);
    transform: translate3d(-150px, 0px, 0px);
}

.animation-element.slide-down {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(0, 150px, 0px);
    -webkit-transform: translate3d(0px, 150px, 0px);
    -o-transform: translate(0px, 150px);
    -ms-transform: translate(0px, 150px);
    transform: translate3d(0px, 150px, 0px);
}

.animation-element.slide-up {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(0, -150px, 0px);
    -webkit-transform: translate3d(0px, -150px, 0px);
    -o-transform: translate(0px, -150px);
    -ms-transform: translate(0px, -150px);
    transform: translate3d(0px, -150px, 0px);
}

.animation-element.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}